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的配置:
configureWebpack: {
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js'
}
}
}