小编Noa*_*den的帖子

Rollup + React 17 与新的 JSX 转换 - “React 未定义”

我正在尝试使用 Rollup 和几个 create-react-app 应用程序构建微前端架构原型。但是,当我在本地使用yarn link容器应用程序的外部应用程序时,遇到以下错误:

ReferenceError:React 未定义

23500 | 23500 return / # PURE /React.createElement("div", { | ^ 23501 | id: "container", 23502 | className: "flex flex-col h-screen" 23503 | }, / # PURE /React.createElement(BrowserRouter , null, / # PURE /React.createElement(Header, {

我认为这是因为我们没有React在每个组件/文件的顶部导入,因为 React 17 的新 JSX Transform 允许您不必这样做。我真的希望能够构建我们的微前端包,而不必在每个文件中导入 React,有没有办法做到这一点?

这是 rollup.config.js:

import babel from 'rollup-plugin-babel';
import commonjs from '@rollup/plugin-commonjs';
import external from 'rollup-plugin-peer-deps-external';
import postcss from 'rollup-plugin-postcss';
import resolve from '@rollup/plugin-node-resolve';
import image from …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-router rollupjs

10
推荐指数
2
解决办法
5734
查看次数

标签 统计

javascript ×1

react-router ×1

reactjs ×1

rollupjs ×1