vue.js - Vue CLI 3：Chrome devtools 无法解析 Sourcemap

Question

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

DevTools failed to parse SourceMap: https://www.thisisnotarealdomain.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 仍然抱怨，我看不到我的原始来源。

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

谢谢。