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无法解析。

回到顶部