javascript - npm 运行构建 uglifyjs : SyntaxError: Unexpected token: operator (>)

标签 javascript reactjs webpack uglifyjs create-react-app

我正在尝试使用以下命令为生产优化 Create-react-app:

npm 运行构建

但它给我以下错误:

static/js/main.9c091e05.js from UglifyJs
SyntaxError: Unexpected token: operator (>) [./~/http-build-query/index.js:16,0]

这可能是因为模块 http-build-query 但该模块对于我的应用来说太必要了。

我也尝试过 yarn build 并且这也给了我同样的错误。

编辑

我刚刚通过谷歌搜索得知 npm run build 不支持 ES6 语法。所以问题是如何使用 npm run build 构建 ES6 语法?

最佳答案

发生这种情况的原因是 node_modules 文件夹中的 ES6 代码 is not handled通过 create-react-app - 它假设他们已经自己完成了(他们应该这样做)。

选项 1

停止使用那个包,找到一个更好的包。

选项 2

将代码从包中复制到您自己的源文件中,以便 babel 可以访问它

选项 3

弹出 create-react-app 并自己自定义 webpack 配置,包括对 node_modules 文件夹的测试(真的会阻碍您的构建时间)

选项 4

create-react-app 覆盖 webpack 配置以完成 选项 3 而无需弹出。请注意,这很复杂,Option 1Option 2 是您应该选择的

可以在此处找到覆盖示例:https://daveceddia.com/customize-create-react-app-webpack-without-ejecting/

关于javascript - npm 运行构建 uglifyjs : SyntaxError: Unexpected token: operator (>),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47458514/

相关文章:

reactjs - 在 React 中动态加载 Material-UI 图标

node.js - 如何使用 node.js 从服务器端刷新浏览器?

reactjs - 为什么我们需要使用 import 'babel-polyfill' ;在 react 组件中?

javascript - 如何优化代码?

javascript - 像选取框一样生成动画

javascript - 为什么我在 React 中的 fullcalendar-scheduler 实现中没有定义时刻?

javascript - 登录后 React 重新渲染——以及异步调用后

javascript - 从 html2canvas 打开 base64 图片

javascript - 使用jquery查找属性中的最小值和最大值

javascript - 有没有办法使用像 React 这样的前端框架在浏览器中运行 Python 脚本客户端?