Symfony VueJS的网页包encore配置

Symfony VueJS的网页包encore配置,symfony,webpack,vue.js,webpack-encore,Symfony,Webpack,Vue.js,Webpack Encore,当我使用VueJS和symfony提供的捆绑网页包encore从基本symfony应用程序加载页面时,出现以下错误 [Vue warn]:在模板编译器不可用的情况下,您正在使用仅运行时版本的Vue。可以将模板预编译为呈现函数,也可以使用编译器附带的构建 因此,我需要将VueJS的别名更改为webpack,如下所示: resolve: { alias: { vue: 'vue/dist/vue.js' } } 但我没有在网页包Encore中找到任何更改此设置的内容 Webpack

当我使用VueJS和symfony提供的捆绑网页包encore从基本symfony应用程序加载页面时,出现以下错误

[Vue warn]:在模板编译器不可用的情况下,您正在使用仅运行时版本的Vue。可以将模板预编译为呈现函数,也可以使用编译器附带的构建

因此,我需要将VueJS的别名更改为webpack,如下所示:

resolve: {
  alias: {
    vue: 'vue/dist/vue.js'
  }
}
但我没有在网页包Encore中找到任何更改此设置的内容


Webpack Encore:

将这一行添加到package.json中是否解决了问题

"browser": {
   "vue": "vue/dist/vue.common"
}
这是捆绑机的专用字段。因此,在这里,我们将用包含编译器的版本替换vue的默认仅运行时版本

为浏览器字段指定单个字符串时,它将 更换main并将其作为模块入口点。主字段指定 模块的入口点,因此通过替换它,您可以替换 模块由捆绑程序打包以供浏览器使用时的入口点


请参阅规范:

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

"browser": {
   "vue": "vue/dist/vue.common"
}
这是捆绑机的专用字段。因此,在这里,我们将用包含编译器的版本替换vue的默认仅运行时版本

为浏览器字段指定单个字符串时,它将 更换main并将其作为模块入口点。主字段指定 模块的入口点,因此通过替换它,您可以替换 模块由捆绑程序打包以供浏览器使用时的入口点


参见规范:

我添加了一个解释,我不知道它是如何工作的。我添加了一个解释,我不知道它是如何工作的。