Vue CLI 3：Chrome devtools无法解析源映射

Question

我使用Vue UI（Vue-CLI 3随附的一个）构建了一个简单的网站，并在/ dist文件夹中创建了源地图。我将这些源映射与生产文件一起部署。当我加载网站时，Chrome指示它无法解析Devtools中的源地图。

DevTools failed to parse SourceMap: https://www.stephentang.net/js/app.92ef018b.js.map

我在vue.config.js中尝试了以下操作：

module.exports = {
    css: {
        // modules: true,
        loaderOptions: {
            // pass options to sass-loader
            sass: {
                // @/ is an alias to src/
                // so this assumes you have a file named `src/scss/variables.scss`
                data: `@import "@/scss/_globals.scss";`
            }
        }
    },
    configureWebpack: {
        devtool: '#source-map'
    }
}

和

module.exports = {
    css: {
        // modules: true,
        loaderOptions: {
            // pass options to sass-loader
            sass: {
                // @/ is an alias to src/
                // so this assumes you have a file named `src/scss/variables.scss`
                data: `@import "@/scss/_globals.scss";`
            }
        }
    },
    configureWebpack: {
        devtool: '#cheap-eval-source-map'
    }
}

但是Chrome仍在抱怨，我看不到我的原始来源。

我在Internet上找到了一些有关Webpack和Chrome与Sourcemap交互的文章，但是我无法确定问题是否已解决。 Vue UI创建的源地图是否存在问题？

谢谢。