过去几周我一直在尝试创建我自己的组件库,一切都很顺利,除了我无法让钩子工作。每当我从库中导入一个使用钩子的组件时,我都会得到“钩子只能在函数组件的主体内调用”。
https://reactjs.org/warnings/invalid-hook-call-warning.html
我希望这是 React 被复制的事情,我在运行时看不到npm ls react。
这是我的 webpack.config.js
const path = require('path');
var nodeExternals = require('webpack-node-externals');
module.exports = {
entry: './src/index.js',
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
}
},
{
test: /\.scss$/,
sideEffects: true,
use: [
{ loader: 'style-loader' },
{ loader: 'css-loader' },
{ loader: 'sass-loader' },
],
},
{
test: /\.(png|gif|jpg|svg)$/,
use: {
loader: 'url-loader',
options: {
limit: 50000,
},
},
},
{
test: /\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
use: [
{ …Run Code Online (Sandbox Code Playgroud)