关于vue编译版本引入的问题
下班过目遇到一个错误
[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官网中已有明确说明
对不同构建版本的解释(https://cn.vuejs.org/v2/guide...)
关于vue编译版本引入的问题相关推荐
- 前端—vue项目—版本介绍
介绍:MVVM数据双向绑定的js框架,UI组件,核心思想是:数据驱动.组件系统 一.基础: 2.x学习网址:https://cn.vuejs.org/v2/guide/ 2016年发版 3.x学习网址 ...
- vue使用ts 引入组件_vue项目中使用ts(typescript)入门教程
最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之.本文从安装到vue组件编写进行了说明,适合入门. 1.引入T ...
- 新建vue项目并引入element组件
从新建vue项目到引入组件Element 以及Error when rendering component报错解决 一.新建项目 1.打开cmd,运行:vue init webpack Vue-Dem ...
- Vue笔记——Vue组件中引入jQuery
Vue笔记--Vue组件中引入jQuery 如果想在普通的HTML页面引入jQuer库的话,直接使用<script src="jQuery.js"></scrip ...
- 安装Bootstrap3编译版本
编译版本的安装非常简单,只需根据自身情况,将下载的bootstrap-3.3.7.zip解压到相应的工作目录,然后在网页中引入相应的 css 文件和 js 文件即可. 假设将 Bootstrap 解压 ...
- vue项目中引入bootstrap的方法
vue项目中引入bootstrap?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 相关教程推荐:<bootstrap教程> 在 vue 项目 ...
- vue中动态引入图片为什么要是require, 你不知道的那些事
相信用过vue的小伙伴,肯定被面试官问过这样一个问题:在vue中动态的引入图片为什么要使用require 有些小伙伴,可能会轻蔑一笑:呵,就这,因为动态添加src被当做静态资源处理了,没有进行编译,所 ...
- php引入外部js,vue.js怎么引入外部js,vue引入第三方js库
vue.js怎么引入外部js·怎么介绍外部js,在vue.js中引入外部js的方法如下:1.使用外部文件[config.js],代码为[函数格式XML(text){ return text }]:2. ...
- vue 编译警告 Compiled with 4 warnings
2019独角兽企业重金招聘Python工程师标准>>> There are multiple modules with names that only differ in casin ...
- vue ajax highcharts,在vue项目中引入highcharts图表的方法(详解)
npm进行highchars的导入,导入完成后就可以进行highchars的可视化组件开发了 npm install highcharts --save 1.components目录下新建一个char ...
最新文章
- 震惊!这样终止线程,竟然会导致服务宕机?
- G502使用计算机配置,解决方案:Logitech G502宏设置教程方法
- 使用Elasticsearch+filebeat+logstach+kibana构建日志服务平台
- JAVA读取本地图片并展示
- 翻车了!StackOverflow上复制最多的代码存在缺陷!
- JVM执行子系统探究——类文件结构初窥
- 女士品茶——统计学如何变革了科学和生活1
- Doc2vec,给定文本,输出相似度最高的医学诊断文本和对应ICD编码
- 想下载B站视频却不知如何下手?一文教你爬B站!
- 100个在线生信小工具
- 20155201李卓雯 20155212江振思 20155313杨瀚《信息安全技术》 实验三 数字证书应用...
- 推荐几个笔记类APP,自学提示必备
- 周六见 | PyCon China 2022 上海站就等你啦!
- 随机函数的rand、srand用法
- a上标3下标6算法_A上标3下标6算法
- CAP理论举例及说明
- el-table的自定义行高设置
- 短视频APP开发——主要功能分析
- 我们应该更有效的利用我们时间
- 省级面板数据(2000-2019)十:资源+环境(各种资源、能源+环境污染)(stata版)