vue 本地测试环境发生错误如何定位到源 vue 文件

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 2024 days ago, the information mentioned may be changed or developed.

如下图所示： avatar 本地测试环境测试时报错，显示的时 vue.runtime.esm.js 文件而不无法定位到 vue 源文件，求教前端大佬如何设置。

Vue

文件

测试

avatar

7 replies • 2020-12-11 09:28:22 +08:00

mscststs

Dec 9, 2020

开发环境不要引 Runtime 的依赖，把 sourceMap 打开

azcvcza

Dec 9, 2020

webpack 配置里把 sourceMap 打开

no1xsyzy

Dec 9, 2020

都是 sourceMap 么？
话说，远程调试如何？现在远程调试支持性如何？
（歪下楼，“php 小王子”写 Vue ……

2kCS5c0b0ITXE5k2

Dec 10, 2020

@no1xsyzy 把 vue 当 jq 用用上 ui 库写后台可以写快很多。。。

phpxiaowangzi

Dec 10, 2020

@no1xsyzy php 前后端都得写惹

crystom

Dec 10, 2020

信息提供的太少，你的环境是怎样的

phpxiaowangzi

Dec 11, 2020

就是用 vue-cli 4.3.1 脚手架搭建的，自己创建的 vue.config.js 里的代码是
`module.exports = {
productionSourceMap:false,
configureWebpack: config => {

if (process.env.NODE_ENV === 'production') {
// return {
// plugins: [
// new BundleAnalyzerPlugin()
// ]
// }
} else if (process.env.NODE_ENV === 'development') {

} else {

}
}
}`

就是想在本地测试的时候 chrome 报错可以显示 vue 源文件错误行信息而不是 vue.runtime.esm.js 的信息