You are using the runtime-only build of Vue where the template compiler is not available.

vue报错: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.

原因分析:

在项目配置的时候,默认 npm 包导出的是运行时构建,即 runtime 版本,不支持编译 template 模板。

vue 在初始化项目配置的时候,有两个运行环境配置的版本:Compiler 版本、Runtime 版本。

1. Compiler 版本:

可以对template模板内容进行编译(包括字符串模板和可以绑定的html对象作为模板)。

2. Runtime 版本:

使用 vue-loader 加载.vue文件(组件文件)时,webpack 在打包过程中对模板进行了渲染。

解决方法

在vue.config.js文件中加上webpack的配置:

1
2
3
4
5
6
7
configureWebpack: {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
}