reactjs 自定义包安装在另一个包上时无法读取useState

tvz2xvvm  于 2023-03-12  发布在  React
关注(0)|答案(1)|浏览(112)

我已经创建了一个自定义组件到一个私有repostory /注册表,它在本地工作(用故事书测试).当我做“npm安装”它得到正确安装到其他包,但当我试图启动项目,我得到这个错误:
未捕获的类型错误:无法读取null的属性(阅读“useState”)
react.development.js文件上...在此

function useState(initialState) {
  var dispatcher = resolveDispatcher();
  return dispatcher.useState(initialState);
}

我完全不知道该怎么做
我尝试将源Map添加到导出的工程中,结果找到了,但没有帮助
当我尝试从开发者工具打开文件时,我收到此错误:
无法加载http://localhost:3000/Users/joaquinnader/web/src/VideoRecorder/index. tsx的内容(HTTP错误:状态代码404,网络::错误_HTTP_响应_代码_故障)

qnakjoqk

qnakjoqk1#

好吧,这个问题是非常愚蠢的......我不得不添加“react”和“react-dom”作为一个外部依赖的原始项目内的汇总配置。张贴的情况下,它有助于任何人

export default [
  {
    input: "src/index.ts",
    output: [
      {
        file: packageJson.main,
        format: "cjs",
        sourcemap: true,
        sourcemapPathTransform
      },
      {
        file: packageJson.module,
        format: "esm",
        sourcemap: true,
        sourcemapPathTransform
      },
    ],
    plugins: [
      nodeResolve(),
      commonjs(),
      typescript({ tsconfig: "./tsconfig.json" }),
      postcss(),
      svgr(),
      json(),
      babel({ babelHelpers: 'bundled' }),
      copy({
        targets: [{ src: "src", dest: "dist" }],
        copyOnce: true,
      }),
    ],
    external: ['styled-components',"react", "react-dom"]
  },
  {
    input: "dist/esm/index.d.ts",
    output: [{ file: "dist/index.d.ts", format: "esm" }],
    plugins: [dts()],
    external: [/\.(css|less|scss)$/],
  },
];

相关问题