vue打包后Uncaught SyntaxError: Unexpected token ‘<
时间: 2023-12-07 18:39:47 浏览: 118
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
5星 · 资源好评率100%
该错误通常是由于在打包后的JS文件中出现了HTML标签或其他非JS代码导致的。解决方法如下:
1. 检查代码中是否有未关闭的HTML标签或其他非JS代码。
2. 确保在webpack配置文件中正确地设置了output.publicPath选项,以便正确地加载JS文件。
3. 确保在webpack配置文件中正确地设置了module.rules选项,以便正确地处理HTML和其他非JS文件。
4. 如果使用了CDN,请确保正确地设置了CDN地址。
5. 如果以上方法都无法解决问题,请尝试使用source-map调试工具来查找错误。
以下是一个示例webpack配置文件,可以作为参考:
```javascript
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist'),
publicPath: '/'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
},
{
test: /\.html$/,
use: [
{
loader: 'html-loader'
}
]
},
{
test: /\.(png|svg|jpg|gif)$/,
use: [
'file-loader'
]
}
]
}
};
```
阅读全文