小编Mor*_* Yu的帖子

从自定义 React 组件库导入和使用组件会导致 Invariant Violation: Invalid hook call

我的工作是制作一个 React UI 工具包/组件库,供我们的产品在内部使用。在 Storybook 上开发和显示时一切正常。

在从 create-react-app 开箱即用的通用项目中测试库时,导入和实现没有 React Hooks 的组件是没问题的,但是一旦我们使用 Hooks 制作的组件 - Invalid Hook Call 错误显示:https : //reactjs.org/warnings/invalid-hook-call-warning.html

已经尝试了那里列出的所有内容(并阅读并尝试了页面上链接的 github 线程解决方案),并且该组件只是简单地使用useRef()而没有其他任何东西,所以我们知道没有违反任何规则,React 和 React-dom 版本是最新的,并且正在运行npm ls react和npm ls react-dom在项目成果react@16.10.2和react-dom@16.10.2并没有别的...所以看起来我们有多个阵营的不?

任何帮助将非常感激!!

这是 UI 套件的 package.json

{
    "name": "react-ui-kit",
    "version": "0.0.15",
    "description": "UI Kit",
    "main": "dist/index",
    "module": "dist/index",
    "typings": "dist/index",
    "jest": {
        "setupFilesAfterEnv": [
            "<rootDir>/setupTests.js"
        ],
        "coverageReporters": [
            "json-summary",
            "text",
            "lcov"
        ]
    },
    "scripts": {
        "test": "jest --coverage",
        "test:badges": …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack

5
推荐指数
1
解决办法
701
查看次数

标签 统计

javascript ×1

reactjs ×1

webpack ×1