reactjs - 创建 react 应用程序构建 - "Uncaught SyntaxError: Unexpected token <"

Question

我意识到这个问题已被问过多次，但对我来说没有任何作用......

我正在尝试创建 create-react-app 项目的静态构建，但出现以下错误:

Uncaught SyntaxError: Unexpected token <     1.ca81c833.chunk.js:1
Uncaught SyntaxError: Unexpected token <     main.7ced8661.chunk.js:1

由于这些文件被缩小，我不知道从哪里开始调试它们。

根据其他 SO 回复，以下是我尝试过的一些操作:

//Original index.html file, which gets included in the built file:
<script type="text/babel" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script>

//package.json
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",

//.babelrc file
{
  "presets": ["react", "es2015", "stage-1"]
}

不确定这是否相关，但我的 express 服务器上有这个，我认为这是标准的:

if (process.env.NODE_ENV === "production") {

    app.use(express.static('client/built'));
    app.get("*", (req, res) => {
        res.sendFile(require('path')
            .resolve(__dirname, 'client', 'build', 'index.html'));
    })
}

假设这实际上是一个 JSX 问题，整个事情就非常困惑 - create-react-app 不应该自动处理 JSX 吗？

更新:我刚刚发布了这个问题，但已经有了相关更新。我可以通过运行 pm2serve build 通过 pm2 静态提供页面服务，因此我认为问题可能出在我的服务器配置上。

Answer 1

谢谢，这对我帮助很大。只是想添加一个具有相同解决方案的 Create-React-App 项目的示例:部署到heroku后我收到了同样的错误。

Uncaught SyntaxError: Unexpected token < after serve -s build

对我来说，问题出在packages.json 文件中。我给出的“主页”参数不正确。将其更改为正确的 heroku URL 解决了该问题。

"homepage": "https://myapp.herokuapp.com/"

希望这一补充对您有所帮助。