用TSUP/ESBUILD构建的软件包可以在React-Scripts应用程序中查找“ React”

Question

我有一个使用eSbuild构建的NPM软件包，该软件包在react> react-scripts应用程序中使用。我在软件包上运行一个构建，并在React-Scripts应用程序中的/node_modules手动复制和粘贴构建文件夹，这是由于volta和npm-link的问题。

当我运行应用程序时，我会在NPM软件包代码上下文中获得错误：4 Uncluck typeError：Undefined不是函数它找不到从React导入的createContext。

import { createContext } from 'react';

const EventContext = createContext();

这是我的npm软件包的tsup.config.js文件：

import { sassPlugin } from '@es-pack/esbuild-sass-plugin';
import { defineConfig } from 'tsup';

export default defineConfig({
  entry: ['src/index.js'],
  splitting: true,
  sourcemap: true,
  clean: true,
  dts: true,
  format: ['esm'],
  target: 'es2020',
  bundle: true,
  esbuildPlugins: [sassPlugin()],
});

这些是我在NPM软件包中的依赖关系和同行依赖性，

"peerDependencies": {
    "classnames": ">=2.0.0 <3.0.0",
    "prop-types": ">=15.0.0 <16.0.0",
    "react": ">=17.0 <18.0.0",
    "react-dom": ">=17.0 <18.0.0"
  },
  "dependencies": {
    "@xstate/react": "^2.0.1",
    "focus-trap": "^6.6.1",
    "react-share": "^4.4.0",
    "xstate": "^4.30.6"
  },

是否存在反式订阅构建设置与ESBUILD软件包输出之间的问题？我的应用程序具有 。为什么我的NPM软件包代码导入无法反应？

Answer 1

您需要将从“ react”;导入到您正在使用的文件的顶部。向所有人。