Question

当我从带有VueJS的基本symfony应用程序和symfony提供的包Webpack加载页面加载页面时出现以下错误

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

所以我需要用以下方法将VueJS的别名更改为webpack：

resolve: {
  alias: {
    vue: 'vue/dist/vue.js'
  }
}

但我没有在Webpack Encore中找到任何改变此设置的内容。

Webpack Encore：http://symfony.com/doc/current/frontend.html

Answer 1

将此行添加到package.json中是否可以解决问题？

"browser": {
   "vue": "vue/dist/vue.common"
}

这是捆绑商的特殊字段。所以这里我们用其编译器包含的构建替换了vue的默认运行时版本。

为浏览器字段指定单个字符串时，它会替换main并成为模块入口点。主要字段指定模块的入口点，所以通过更换它，你替换模块由捆绑器打包以供浏览器使用时的入口点。

请参阅规范：https://github.com/defunctzombie/package-browser-field-spec

WebPack加载VueJS的配置

1 个答案: