【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘＜‘
【taro react 错误解决】---- Uncaught SyntaxError: Unexpected token ‘＜‘
Rattenking
发布于 2022-01-06 16:47:25
发布于 2022-01-06 16:47:25
1. 报错提示
Uncaught SyntaxError: Unexpected token '<'2. 报错截图
在这里插入图片描述
3. 查看报错原因
在这里插入图片描述
4. 分析原因
- 这里肯定不可能是错误的，依次向下查找；
- head 标签里边的 meta title script 等都是常规，没有多余的 ‘<’，没有报错；
- body 标签中 script 的 app.js 的静态资源文件路径错误！
在这里插入图片描述
5. 造成问题的原因
- app.js 是脚手架自动引入，也就是说不是代码的问题，而是配置问题；
- 查看 config 下的 index.js 配置；
h5: {
publicPath: './',
staticDirectory: 'static',
postcss: {
autoprefixer: {
enable: true,
config: {
}
},
cssModules: {
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
config: {
namingPattern: 'module', // 转换模式，取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
}
}- publicPath 的值是静态资源路径配置修改为 ‘./’，原来是 ‘/’；
- 为什么修改 publicPath 的配置？由于H5打包后去掉路径后的 pages 路径；
- 开发时还原 静态资源路径配置；
h5: {
publicPath: '/',
staticDirectory: 'static',
postcss: {
autoprefixer: {
enable: true,
config: {
}
},
cssModules: {
enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
config: {
namingPattern: 'module', // 转换模式，取值为 global/module
generateScopedName: '[name]__[local]___[hash:base64:5]'
}
}
}
}- 重新运行 yarn dev:h5 不再报错！
6. 最后报错解决
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2021-09-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录