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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 1988 天前的主题，其中的信息可能经有所发展或是发生改变。

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

/a/detail

/b/detail

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

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

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

5 条回复 2020-06-23 10:51:50 +08:00

ujued

2020-06-22 19:58:53 +08:00 via iPhone

doommm

2020-06-22 20:35:51 +08:00

我自己是在 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

2020-06-23 09:49:06 +08:00

@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

2020-06-23 10:44:10 +08:00

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

Reol

2020-06-23 10:51:50 +08:00

@doommm 解决了多谢