uniapp使用sourcemap报错:can't resolve orig问题如何解决?
在uniapp开发中,使用sourcemap调试时遇到报错:“can’t resolve orig”。请问这个错误具体是什么原因导致的?应该如何正确配置sourcemap来解决这个问题?目前使用的是最新版HBuilderX和uniapp框架,尝试过重新编译和清理缓存但无效,求具体的解决方案。
2 回复
检查sourcemap文件路径是否正确,确保文件存在且路径无误。若使用webpack,可尝试配置devtool: 'source-map'并重启构建。
在UniApp中使用SourceMap时出现"can’t resolve orig"错误,通常是由于SourceMap文件引用路径不正确或文件缺失导致的。以下是几种解决方案:
1. 检查SourceMap文件路径配置
在 vue.config.js 中检查devtool配置:
// vue.config.js
module.exports = {
configureWebpack: {
devtool: process.env.NODE_ENV === 'development' ? 'source-map' : 'none'
}
}
2. 确保SourceMap文件存在
检查dist目录下是否生成了对应的.map文件:
- app.js.map
- pages/**/*.js.map
3. 修改devtool配置选项
尝试使用不同的devtool配置:
// vue.config.js
module.exports = {
configureWebpack: {
devtool: 'cheap-module-source-map' // 或 'eval-source-map'
}
}
4. 清理缓存重新构建
# 清理缓存
rm -rf node_modules/.cache
rm -rf dist/
# 重新安装依赖并构建
npm install
npm run dev
5. 检查webpack配置
确保没有其他配置干扰SourceMap生成:
// vue.config.js
module.exports = {
chainWebpack: config => {
config.devtool('source-map')
}
}
推荐配置
对于开发环境建议使用:
devtool: 'cheap-module-eval-source-map'
对于生产环境建议禁用:
devtool: false
这些方案通常能解决"can’t resolve orig"错误。如果问题仍然存在,请检查浏览器开发者工具中的具体错误信息,确认是哪个文件的SourceMap无法解析。

