小编Uri*_*ami的帖子

不能在我的 React 组件库中使用 Hooks。不变违规:无效的钩子调用

过去几周我一直在尝试创建我自己的组件库,一切都很顺利,除了我无法让钩子工作。每当我从库中导入一个使用钩子的组件时,我都会得到“钩子只能在函数组件的主体内调用”。

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)

reactjs webpack babeljs react-hooks

10
推荐指数
1
解决办法
6482
查看次数

标签 统计

babeljs ×1

react-hooks ×1

reactjs ×1

webpack ×1