未分類
15 6 月 2020

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

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

資深大佬 : beilo 6

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

/a/detail

/b/detail

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

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

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

大佬有話說 (5)

  • 資深大佬 : ujued

    abc.com
    abc.ml
    abc.run
    abc.qq
    abc.pub
    abc.moe
    abc.ink
    abc.net

    Testing . Thank you

  • 資深大佬 : doommm

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

    @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

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

  • 資深大佬 : Reol

    @doommm 解决了 多谢