如何修改 Laravel Mix 中的 Vue Loader 设置？

Question

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

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

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

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

有人知道怎么做吗？

Answer 1

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

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