如何在 Webpack 中构建 dist 文件夹后，得到 Uncaught SyntaxError: Unexpected token '<'答案

【问题标题】：How after building the dist folder in Webpack, getting Uncaught SyntaxError: Unexpected token '<'如何在 Webpack 中构建 dist 文件夹后，得到 Uncaught SyntaxError: Unexpected token '<'
【发布时间】：2021-03-15 07:31:07
【问题描述】：

错误：bundle.js:1 Uncaught SyntaxError: Unexpected token '

我正在使用 webpack 为生产进行构建。

这里有人可以检查并帮助了解问题所在吗？ HTML 的格式是正确的，但捆绑时似乎有问题。

【问题讨论】：

您访问过/dist/bundle.js 看看它是什么吗？
我从开发工具检查并显示错误
你应该用你的浏览器访问/dist/bundle.js，看看它是否真的是一个Javascript文件。此错误通常存在，因为路径显示的是 HTML / XML 而不是 Javascript 文件。您构建/开发设置可能会让您失败。（没有javascript应该以<开头）
那是构建后创建的文件。
它应该在那里。但它真的存在吗？您需要检查您的浏览器。你可能弄错了路由。否则您的开发设置可能会失败。

标签： javascript html webpack webpack-dev-server

【解决方案1】：

你应该用你的浏览器访问/dist/bundle.js，看看它是否真的是一个Javascript文件。此错误通常存在，因为路径显示的是 HTML / XML 而不是 Javascript 文件。您的构建/开发设置可能会让您失败。

任何 javascript 都不应该以 < 开头，但它对 HTML / XML 很常见。

【讨论】：