webpack 无法在 Chrome 开发工具中加载 js 文件

Question

我有 nuxt 3，带有 webpack 和 vue 3

当我想检查控制台中的错误并单击文件（右侧）时，我得到了这个： 无法加载 webpack://nuxt-app/?31d6 的内容（获取目标失败：不支持的 URL 方案；回退：HTTP 错误：状态代码 404，net::ERR_UNKNOWN_URL_SCHEME）

错误在控制台中的显示方式：

就是问题是我有些文件没有代码，看不出错误在哪里

但有些文件显示正常

尝试了不同的浏览器，同样的情况。

Nuxt 配置：

export default defineNuxtConfig({
builder: 'webpack',


hooks: {

    webpack: {
        module: {
            rules: [
                {
                    test: /\.vue$/,
                    loader: 'vue-loader'
                },
                // Дополнительные правила для обработки стилей и скриптов, если необходимо
            ],
            plugins: [
                // Добавьте плагин VueLoaderPlugin
                new VueLoaderPlugin(),
                new VuetifyPlugin()
            ],

        },
        plugins: [
            // Добавьте плагин VueLoaderPlugin
            new VueLoaderPlugin(),
            new VuetifyPlugin()
        ],

        config(configs) {
            // plugins: [
            //     new VueLoaderPlugin(),
            //     new VuetifyPlugin(),
            // ]


        }
    }

},

app: {

typescript: { shim: false },
build: {
    mode: 'production',
    transpile: ["vuetify"],
    devtool: 'source-map'

},
devtools: { enabled: true },

    modules: [

        '@nuxt/image'

    ],



 })