首页 > 解决方案 > 在节点模块中将 React 应用程序与 Parcel 捆绑在一起

问题描述

我在发布使用 Parcel 捆绑小型 React 应用程序的节点模块时遇到了一些问题。在本地我可以毫无问题地构建,但是在发布到 npm 后,在单独的项目中安装模块时构建失败:

.../client/index.js:7:16: This experimental syntax requires enabling one of the following parser plugin(s): 'jsx, flow, typescript' (7:16)
  5 | import Client from './client';
  6 |
> 7 | ReactDOM.render(<Client />, document.getElementById('root'));

postInstall在开发和我正在运行的 npm脚本parcel build index.html中(这index.js是引用包含 JSX 的文件的入口点)。

我已经尝试安装babel-preset-env, 和babel-preset-react, 并且有一个.babelrc看起来像这样的文件:

{
  "presets": ["env", "react"]
}

标签: javascriptnode.jsreactjsbabeljsparceljs

解决方案


推荐阅读