tsdx反应为空，防止钩子的使用。

Question

最近，我尝试创建一个使用tsdx编译的组件，并且在调试时遇到了一些困难。包是发布的，并且似乎没有错误地发布和安装。然而，当涉及到实际使用时，我总是会遇到：

TypeError:无法读取null的属性(读取'useEffect')。

我对useContext也有同样的问题，所以只是简单地替换了功能，但是现在错误已经迁移到useEffect了。

这个包在本地运行完全正常，如果我取出所有代码并手动将其注入应用程序，那么它就不会出现问题。最初，我只是从react中销毁react钩子，但是即使显式导入react作为import React from 'react'; react，显然仍然是null.

查看我可以看到的导入的.cjs文件：

var React = _interopDefault(require('react'));

然而，这个问题仍然存在。

任何和所有的帮助都是非常感谢的，如果它有帮助的话，将从我的package.json粘贴一些信息:)

{
  "name": "xxxx",
  "version": "x.x.x",
  "description": "xxxx",
  "author": "xxx xxx",
  "keywords": [],
  "main": "dist/index.js",
  "module": "dist/xxx.esm.js",
  "typings": "dist/index.d.ts",
  "engines": {
    "node": ">=10"
  },
  "files": [
    "dist",
    "src",
    "README.md"
  ],
  "repository": {
    "type": "git",
    "url": "git+https://github.com/xxxx/xxxx.git"
  },
  "dependencies": {
    "@babel/polyfill": "^7.12.1",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.2.0",
    "@testing-library/user-event": "^13.5.0",
    "@types/jest": "^27.5.0",
    "@types/node": "^16.11.34",
    "@types/react": "^18.0.9",
    "@types/react-dom": "^18.0.3",
    "axios": "^0.27.2",
    "react": "^18.1.0",
    "react-dom": "^18.1.0",
    "react-scripts": "5.0.1",
    "typescript": "^4.6.4",
    "web-vitals": "^2.1.4"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "npx tsdx build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@babel/cli": "^7.17.10",
    "@babel/core": "^7.17.12",
    "@babel/preset-env": "^7.17.12"
  },
  "bugs": {
    "url": "https://github.com/xxxx/xxxx/issues"
  },
  "homepage": "https://github.com/xxxx/xxxx#readme",
  "license": "ISC"
}

编辑:如果值得注意的话--这个项目没有初始化为tsdx项目，在切换之前遇到打包问题后，我添加了tsdx构建脚本和一些元素到tsconfig和package.json中。

Answer 1

只要给遇到这种情况的其他人留一条便条，在我的包中，我就在我的package.json中的常规package.json对象中有了"react“和许多其他依赖项，当我将它们移到devDependencies时，这个问题似乎得到了解决。