vue2.0支持compiler

最新推荐文章于 2024-04-19 13:43:13 发布
最新推荐文章于 2024-04-19 13:43:13 发布
阅读量402 收藏
点赞数 1
分类专栏： H5/jquery/vue/layui 文章标签： vue.js javascript npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34626688/article/details/122936254
版权

**报错问题：**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有两种形式的代码 compiler（模板）模式和runtime模式（运行时），vue模块的package.json的main字段默认为runtime模式

解决方案：在vue.config.js中添加runtimeCompiler: true来开启Compiler支持

runtimeCompiler: true

在这里插入图片描述

橙之殇
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue教程(四十)Runtime + Compiler和Runtime-only的区别
yuan_xw的专栏
08-14 1355
Vue教程(四十)Runtime + Compiler和Runtime-only的区别 在使用vue-cli脚手架构建项目时，会遇到一个选项Vue build(vue构建)，有两个选项，Runtime + Compiler和Runtime-only Runtime + Compiler Runtime + Compiler: recommended for most users 运行时+编译器:推荐给大多数用户 Runtime-only Runtime-only: about 6KB lighter m
手写 Vue2 系列 之 编译器
m0_66439275的博客
03-16 1282
完成 Vue2 编译器的一个简版实现，从字符串模版解析开始，到最终得到 `render` 函数
vue3创建项目（五）vite配置端口号
zhangxueyou2223的博客
06-29 6783
Vue3配置代理跨域和服务端口等配置，可以在 vite.config.js 进行配置。(类似用 vue-cli 的 vue.config.js）
vue2.0的runtime-only+runtime+compile的配置方法
峰会路转的博客
06-19 716
在阅读vue2.0源码的时候，有看到vue的很多版本文件,以前一直没在意这块，官网也给我指出了详细的文档，可以去研读下。 这里就直接贴出来了，不再多讲 vue-cli3.0在构建工程文件时，没有了是选运行时版本还是包含编译器的版本，在2.0中是有的，如果我们需要去体验测试包含compile的全量版本的时候，可以进行如下的配置 正常的配置是 runtime-only版本的 import Vue from 'vue' import App from './App' Vue.config
详细介绍vite以及vue-cli脚手架工具常用配置项
最新发布
haixtx的博客
04-19 367
在前端项目开发中少不了接触对项目的配置，这里我主要介绍vue2常用的vue-cli以及vue3常用的vite两个脚手架工具的常用配置项
Vue2中compiler和runtime模式，报错 template compiler is not available.
god_sword_的博客
07-03 586
Vue2中compiler和runtime模式，报错 template compiler is not available.
vue2.x(compile)
Caristop3_走在前端这条大道上
04-06 255
如何理解vue2.x中的编译? 拿到html模板字符串 -> 进行一系列的正则截取字符串并根据当前属性来构造children类型 -> 每个标签同级变换时都会额外的构造一个空的文本节点 -> 生成以with包裹的函数处理匿名函数 在19号那天我们分析了如何作响应式数据，继续下去如何编译?在平常的开始中我们一般在mouted生命钩子函数里面作业务逻辑处理，是因为在mouted钩子回调时当前页面下我们已完成模板的绑定页面dom已根据vue完全生成真实dom 源码9039行 // 1.1 最初始
vue-cli2.0 runtime-compiler 和 runtime-only区别
weixin_42448623的博客
08-23 294
文章目录vue-cli 创建项目时 选择 Vue build 的区别runtime-only main.jsruntime-compiler main.js vue-cli 创建项目时 选择 Vue build 的区别 runtime+compiler: recommeded for most users(译：建议大多数用户使用) runtine-only: 大约6kb的更轻的 min+gzip，但是模板<或任何特定于vue的HTML>只允许在.vue文件中- reander是需要在
Vue2.x源码解析（二）
qq_58671311的博客
05-16 497
把渲染函数打包成可执行的函数 render 函数的代码生成后，会被封装成一个新的 Function 对象，赋值给 Vue 实例的 $options 属性。AST 把我们的模板编译成一组抽象的节点树，每个节点表示HTML中的一个元素或者属性，并且包含有关该元素或属性的详细信息。它将提供一个包含渲染函数和静态节点数组的对象，然后我们就可以用它来创建 Vue 实例或它的子组。把 AST 转换成渲染函数 最后，Compiler 函数会调用 generate 函数，把 AST 转换成渲染函数的字符串代码。
vue-plugin：vue2.0的插件
03-01
插件 项目设置 介绍 测试项目车轮制造 安装 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test 整理和修复文件 npm run lint 自定义配置 ...
vue2.0使用swiper组件实现轮播效果
08-28
主要为大家详细介绍了vue2.0使用swiper组件实现轮播效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
antv/x6封装vue2.0源码
05-13
附带增删改连线拖拽生成功能撤销保存放大缩小等等
vue2.0源码学习资源
10-29
vue2.0源码学习资源，深入分析vue设计原理，ast对象，编译原理，观察者模式，双向绑定及相关的实例等
Vue2.0+ThreeJs写的一个3D粮仓管理系统源码.zip
05-08
Vue2.0+ThreeJs写的一个3D粮仓管理系统源码，该项目基于ThreeJs+Vue2.0+Vue-Element+Admin实现了3D粮仓管理系统。 Vue2.0+ThreeJs写的一个3D粮仓管理系统源码，该项目基于ThreeJs+Vue2.0+Vue-Element+Admin实现了...
vue版本与vue-template-compiler版本不匹配（Build failed with errors）
Mr.Tang的博客
07-13 5138
vue版本与vue-template-compiler版本不匹配（Build failed with errors）
axios封装（通用）
qq_34626688的博客
07-28 8319
axios封装 封装目的： 避免重复设置超时时间，请求头，错误处理；提高代码质量 主要文件目录： post/index.js /* * @Descripttion: axios 封装 * @version: 1.0.0 * @Author: hanjg * @Date: 2020-07-24 10:23:06 * @LastEditors: hanjg * @LastEditTime: 2020-07-27 17:04:07 */ import axios from 'axios' impo
好用的下拉选框（单选，多选，全选，清空和反选，及个种样式）----个人钟爱
qq_34626688的博客
10-29 4231
下拉选框 好用的下拉选框（单选，多选，全选，清空和反选，及个种样式） 附件一:layui应用formselect layui.config({ base: './libs/formSelects/' //相对路径 }).extend({ formSelects: 'formSelects-v4' }); 附件二: formSelects-v4.css /* formSelects澶...
vscode 搭建Vue项目及引入elementUI
qq_34626688的博客
07-23 3092
vscode 搭建Vue项目及引入elementUI 1.全局安装vue-cli(快速构建Vue项目) 命令：npm install -g vue-cli 2.安装webpack（打包） 命令：npm install -g webpack 3.创建文件夹存放项目 命令：vue init webpack myVueProject（文件夹的名字） 4.注意继3之后会出现一些配置 根据提示和自己的需要来进行相关配置 5.引入elementUI 命令：npm i element-ui -S 安装好了之后，在man.
vue+elementUI实现（带复制的）IP组件开发
qq_34626688的博客
08-03 2037
1.组件文件 ipInput.vue 代码： <!-- * @Descripttion: ip 组件 * @version: 1.0 * @Author: hanjg * @Date: 2020-07-29 19:32:01 * @LastEditors: hanjg * @LastEditTime: 2020-07-30 17:53:24 --> <template> <div class="ipDiv"> <el-input ref=
简单介绍Vue2.0版本
04-06
2.更好的组件化支持：Vue 2.0版本更加支持组件化开发，提供了更多的组件选项和API，使得组件的开发和维护更加容易。 3.更加严格的模板语法：Vue 2.0版本对模板语法进行了优化和改进，引入了类似于React的JSX语法，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值