vue-template-compiler vue 版本不符

2024-10-26

Vue和vue-template-compiler版本不一致

vue项目,package.json中Vue和vue-template-compiler版本不一致时,执行npm run dev有时会报错, 提示vue和vue-template-compiler版本不匹配的问题解决方法 : 第一步:执行npm uninstall vue-template-compiler 第二步:执行npm install vue-template-compiler@报错中提示的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.

转载自:https://segmentfault.com/a/1190000006435886 解决办法:添加package.config.js配置文件中,添加本文章的红色部分代码 import vue 顺利安装完成并按 changelog 做了修改之后,启动项目也正常,当我兴致勃勃地打开 Browser,驾轻就熟地输入 localhost,并自然而然地按下 Enter,一切水到渠成. 然而,迎接我的竟是一片白板,控制台里赫然映着一串红字. [Vue warn] : You are using

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available

原文链接https://blog.csdn.net/xiaomajia029/article/details/88320233 问题描述: 原因分析:在项目配置的时候,默认 npm 包导出的是运行时构建,即 runtime 版本,不支持编译 template 模板. vue 在初始化项目配置的时候,有两个运行环境配置的版本:Compiler 版本.Runtime 版本. 其主要区别在于: Compiler 版本:可以对 template 模板内容进行编译(包括字符串模板和可以绑定的 html 对

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

在升级脚手架到vue-cli3.0版本的时候出现了这个报错: [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. 我在这里大概说一下出现这个报错的原因在哪里和解决办

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

使用vue-cli搭建的项目,启动报错 You are using the runtime-only build of Vue where the template compiler is not available. 解决方法在vue.config.js文件中配置 const path = require("path"); module.exports = { // webpack配置 - 简单配置方式 configureWebpack: { resolve: { alias: {

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.

异常 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.config.js 中 module.exports={ runtimeCompiler:true }

Vue Cli 报错：You are using the runtime-only build of Vue where the template compiler is not availabl

报错原因: 这里引用的是vue.runtime.esm.js,造成的不能正常运行. vue-cli 2.x 解决方法: 在webpack.base.conf.js配置文件中多加了一段代码,将 vue/dist/ package.json配置文件的"main": "dist/vue.runtime.common.js",改为引用代码中的引用vue/dist.vue.esm.js文件,意思就是说webpack.base.conf.js这个文件已经将vue/dist.pa

vue template

vue template <template> <div class="custom-class"> ... </div> </template> <script> import _ from 'lodash'; import {directive as onClickaway} from 'vue-clickaway'; // import SearchSelect from './SearchSelect'; export

vue & template & v-else & v-for bug

vue & template & v-else & v-for bug nested table bug https://codepen.io/xgqfrms/pen/wvaGmGE bug <el-table-column v-for="({ prop, label, align, width, slot, }, i) in selectManageClomuns" :key="prop + i" :prop="prop&q

【Vue课堂】Vue.js 父子组件之间通信的十种方式

这篇文章介绍了Vue.js 父子组件之间通信的十种方式,不管是初学者还是已经在用 Vue 的开发者都会有所收获.无可否认,现在无论大厂还是小厂都已经用上了 Vue.js 框架,简单易上手不说,教程详尽,社区活跃,第三方套件还多.真的是前端开发人员必备技能.而且在面试当中也往往会问到关于 Vue 方面的各种问题,其中大部分面试官会问到如上这种问题. 概述几种通信方式无外乎以下几种: Prop(常用) $emit (组件封装用的较多) .sync语法糖 (较少) $attrs 和 $listene

Vue.js之Vue计算属性、侦听器、样式绑定

前言上一篇介绍了Vue的基本概念,这一篇介绍一下Vue的基本使用. 一.搭建一个Vue程序 1.1 搭建Vue环境搭建Vue的开发环境总共有三种方法: 引入CDN <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script> 直接下载源码引入从官网中下载vue.js的源码复制下来即可,然后在页面中引入地址:https://cn.vuejs.org/v2/guide/

vue教程3-05 vue组件数据传递、父子组件数据获取，slot,router路由

vue教程3-05 vue组件数据传递一.vue默认情况下,子组件也没法访问父组件数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="bower_components/vue/dist/vue.js"><

[Vue 牛刀小试]：第十二章 - 使用 Vue Router 实现 Vue 中的前端路由控制

一.前言前端路由是什么?如果你之前从事的是后端的工作,或者虽然有接触前端,但是并没有使用到单页面应用的话,这个概念对你来说还是会很陌生的.那么,为什么会在单页面应用中存在这么一个概念,以及,前端路由与我们后端的路由有什么异同呢.本章,我们就来简单介绍下前端路由的概念,以及如何在 Vue 中使用 Vue Router 来实现我们的前端路由. 学习系列目录地址:https://www.cnblogs.com/danvic712/p/9549100.html 仓储地址:https://github.

Vue CLI及其vue.config.js（一）

有时候我们为了快速搭建一个vue的完整系统,经常会用到vue-cli,vue-cli用起来很方便而且命令简单容易上手,但缺点是在构建的时候我感觉有一些慢,因为CLI 服务 (@vue/cli-service) 是一个开发环境依赖.它是一个 npm 包,局部安装在每个 @vue/cli 创建的项目中,本质上还是用npm和webpack来进行安装,并没用用我们所常用的cnpm来安装.如果你熟悉 create-react-app 的话,@vue/cli-service 实际上大致等价于 react-s

黑马eesy_15 Vue：04.Vue案例（ssm环境搭建）

黑马eesy_15 Vue:02.常用语法黑马eesy_15 Vue:03.生命周期黑马eesy_15 Vue:04.Vue案例(ssm环境搭建) 黑马eesy_15 Vue:04.综合案例(前端Vue实现) 04.Vue案例(ssm环境搭建) 1.Vue的快速入门2.Vue的语法插值表达式事件的绑定数据的显示逻辑判断和循环输出 3.Vue的生命周期 8个生命周期的执行点 4个基本的 4个特殊的 axios的ajax异步请求它和jquery的ajax比较相似 4.综

Vue.js起手式+Vue小作品实战

本文是小羊根据Vue.js文档进行解读的第一篇文章,主要内容涵盖Vue.js的基础部分的知识的,文章顺序基本按照官方文档的顺序,每个知识点现附上代码,然后根据代码给予个人的一些理解,最后还放上在线编辑的代码以供练习和测试之用:在最后,我参考SegmentFault上的一篇技博,对Vue进行初入的实战,目的是将新鲜学到的知识立即派上用场:如果你还是前端的小白,相信这篇文章可能会对产生一些帮助和引起思想的碰撞,因为大家的学习历程是相似的,遇到的困惑也有一定的共通性,如果文章出现谬误之处,欢迎各位童鞋

Vue 2.0 + Vue Router + Vuex

用 Vue.js 2.x 与相配套的 Vue Router.Vuex 搭建了一个最基本的后台管理系统的骨架. 当然先要安装 node.js(包括了 npm).vue-cli 项目结构如图所示: assets 中是静态资源,components 中是组件(以 .vue 为后缀名的文件),store 中是使用了 vuex 的 js 文件. package.json: { "name": "element-starter", "description"

vue学习之vue基本功能初探

vue学习之vue基本功能初探: 采用简洁的模板语法将声明式的将数据渲染进 DOM: <div id="app"> {{ message }} </div> var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }); v-bind方式绑定dom元素属性: <div id="app-2"> <span v-bind:title="messag

Vue UI：Vue开发者必不可少的工具

译者按: Vue开发工具越来越好用了! 原文: Vue UI: A First Look 译者: Fundebug 本文采用意译,版权归原作者所有随着最新的稳定版本Vue CLI 3即将发布,是时候来看看有什么新鲜有趣的特性了.基于整个Vue.js开发者社区的反馈而大幅度改良,该版本提供了很多以工作流为中心的工具. 我想会提升每一位Vue.js的开发者工作效率的特性就是Vue UI.一个可视化图形界面方便你去创建.更新和管理项目的方方面面. 今天,我会跟你一一介绍Vue UI的beta版本中可

vue 项目实战 (vue全家桶之--- vuex)

老规矩先安装 npm install vuex --save 在看下面内容之前你应该大概的看了一边vuex官方的文档对vuex有个大概对了解首先 vuex 是什么? vuex 是属于vue中的什么,它在项目中扮演着一个什么样的角色,起到什么作用,在项目中我是否要用到vuex. 官方文档对vuex的解读是:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式. 如果你是在开发一个大型的应用程序,组件与组件之间,兄弟组件之间,或者说多层嵌套组件之间,你是无法传递数据的.子父组件之间,也

Vue Admin - 基于 Vue & Bulma 后台管理面板

Vue Admin 是一个基于 Vue 2.0 & Bulma 0.3 的后台管理面板(管理系统),相当于是 Vue 版本的 Bootstrap 管理系统,提供了一组通用的后台界面 UI 和组件,其中还有丰富的图表组件,开箱即用.赶紧来体验一下吧. 在线演示免费下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 & JavaScript 特效 Web 开发中很实用的10个效果[

vue-template-compiler vue 版本不符

热门专题