vue cli.当存在同名文件时不知道该如何 debug

› Vue.js

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

例如有 2 个文件,文件目录分别为

/a/detail

/b/detail

然而 debug 的时候发现chrome/webpack只有一个detail.vue文件. 不知道有没有朋友知道这种情况该怎么办

预期效果: 能够区分是哪个文件

现阶段我的处理办法: 更改文件名分别为ADetail.vue和BDetail.vue

5 replies • 2020-06-23 10:51:50 +08:00

ujued

Jun 22, 2020 via iPhone

doommm

Jun 22, 2020

我自己是在 vue.config.js 文件里面配置 devtool，改成 eval-source-map，不知道能不能解决你的问题

参考 issue: https://github.com/vuejs/vue-cli/issues/2978 , https://github.com/vuejs/vue-cli/issues/4535

beilo

Jun 23, 2020

@doommm 谢谢.这个很完美的解决问题.

我现在是在 vue.config.js 里面配置了如下代码

```
chainWebpack: (config) => {
// https://github.com/vuejs-templates/webpack/issues/1258
config.when(
isProduction,
() => config.devtool("cheap-module-eval-source-map"),
() => config.devtool("eval-source-map")
);
},
```

[参考链接]( https://github.com/vuejs-templates/webpack/issues/1258)

xzh654321

Jun 23, 2020

很简单，想调哪一个就在哪一个里面 console.log 一下，另外最好还是不要同名吧

Reol

Jun 23, 2020

@doommm 解决了多谢