如何在 Laravel Mix 中修改 Vue Loader 设置？答案

【问题标题】：How can I modify a Vue Loader setting in Laravel Mix?如何在 Laravel Mix 中修改 Vue Loader 设置？
【发布时间】：2021-02-01 16:41:12
【问题描述】：

顺便说一句，使用 Laravel Mix...并尝试使用 Vue Apollo，它说我们需要将其添加到 babel config：

        {
            test: /\.vue$/,
            use: [
                {
                    loader: 'vue-loader',
                    options: {
                        transpileOptions: {
                            transforms: {
                                dangerousTaggedTemplateString: true
                            }
                        }
                    }
                }
            ]
        },

但这给了我Failed to mount component: template or render function not defined. 错误，我无法找到解决方案，除了谷歌某处的一个线程说这是因为我使用了两次vue-loader..

因此，我现在尝试做的可能是修复此错误的方法是将 dangerousTaggedTemplateString 设置应用于 .vue 文件的现有 webpack 配置。

有人知道怎么做吗？

【问题讨论】：

你使用的是 Vue-CLI 还是 raw webpack？你在使用 vue-cli-plugin-apollo 吗？你在哪里看到你应该编辑 babel 的配置？ This 说 vue.config.js，然后只有当你不使用 vue-cli-plugin-apollo 时
根本不使用 vue-cli，并且您指向的链接还说，当您不使用 vue-cli 时，您应该编辑原始 webpack 配置。我正在编辑 webpack.mix.js，最初它看起来像这样：mix.js('resources/js/app.js', 'public/js').postCss('resources/css/app.css', '公共/css', [])

标签： vue.js webpack laravel-mix vue-loader vue-apollo

【解决方案1】：

试试这个（未经测试），不要动你提到的mix.js 行。然后换行：

mix.options({
   vue: {
      transpileOptions: {
         transforms: {
            dangerousTaggedTemplateString: true
         }
      }
   }
});

【讨论】：