关于vue编译版本引入的问题的解决
2018-09-17 10:12
1426 查看
下班过目遇到一个错误
[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.
根据错误提示说明,和搜索之后得出结论:是项目引入的vue编译版本不对
解决方案1
build/webpack.base.conf.js 并设置vue的alias别名,如下:
resolve: { alias: { vue: 'vue/dist/vue.esm.js' } }
解决方案2
打开src/main.js修改Vue对象初始化。
new Vue({ el: '#app', router, components: { App }, template: '<App/>' })
改为
new Vue({ el: '#app', router, render: h => h(App) })
原因是,使用 template属性,需要引入带编译器的完整版的vue.esm.js
而如果在.vue文件里面使用
<template> <div></div> </template> <script> export default { name:'name1', data() { return {}; } }; </script>
这种形式,然后使用import引入,则不需要完整版的vue.esm.js,因为使用vue-loader时 *.vue文件会自动预编译成js。
其实vuejs官网中已有明确说明
其他相关文章:
理顺8个版本vue的区别(https://www.geek-share.com/detail/2748150132.html)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- 关于vue引入外部未安装js,部署问题解决
- 关于Keil Uv4工具绿化版拷贝到另一台电脑时编译失败显示版本过期问题的解决
- 关于AFNetWorking 2.5.4之后版本编译报错问题解决方案
- 关于vue项目中全局引入一个 .scss文件的问题解决
- 【游戏开发备注之一】关于Cocos2dx_v1.x版本iphone与Android运行出现图片白块、添加GameCenter报错问题及编译Android闪退的解决办法&&CCLOG与CClog的区别
- 关于EXTJS 2.2.1版本在IE环境下Grid组件表头下拉菜单图标错位问题的解决
- VC6编译的Debug版本程序中存在的问题及解决方法
- 关于编译servlet时javax.servlet.http.*无法找到的解决这不是个容易的问题
- 关于在FC6中安装m68k-elf-tools交叉编译碰到的问题及解决方法
- 关于overridePendingTransition效果在1.6版本中会出现VerifyError的问题的解决
- 关于 缺少using 引入的问题解决方法
- 关于MyEclipse里面编译的版本比配问题
- 关于overridePendingTransition效果在1.6版本中会出现VerifyError的问题的解决
- 关于编译内核时候出现__gnu_mcount_nc的问题以及解决办法
- cocos2d-x 编译 Anroid版本遇到的问题以及解决办法
- 关于NetBeans编译C/C++ 报错(make[2]: mkdir: Command not found)问题解决
- 关于Qt编译时问题的一个非常奇怪的解决方法
- 关于圣二源代码编译问题解决
- 关于VC++6.0编译高版本DX库出错问题
- 关于ClickOnce无法更新/Upgrade/下载 应用系统最新版本的问题和解决方法