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

最新推荐文章于 2025-07-02 15:53:36 发布
原创 最新推荐文章于 2025-07-02 15:53:36 发布 · 216 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#web

在项目根目录下新建vue.config.js文件，并设置runtimeCompiler为true，重启项目即可生效。此步骤用于增强Vue项目的编译配置。 
 https://zhengkai.blog.youkuaiyun.com/article/details/107182655


文章地址
只需要在根目录(知道哪个是项目根目录吧，不是src目录),右键new file输入文件名vue.config.js,里面键入代码：

module.exports = {
    runtimeCompiler: true,
}

再重新运行项目就好了。

【解决】You are using the runtime-only build of Vue where the template compiler is not available
专注于技术，分享实战经验，探索技术边界，用代码构建更美的数字世界。
05-23 1617
这是在vue-cli3搭建的Vue2项目中，在组件中使用了下面的写法出现的错误警告 var Profile = Vue.extend({ template: "<div id='svgTemplate'>" + sXML + '</div>' }); // 创建实例，并挂载到元素上 new Profile().$mount('#svgTemplate'); 百度找了看了好多终于解决 出现该错误警告的原因： vue有两种形式的代码 compiler（模板）模式和run
Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.
我是程序员海军, 全栈开发 | AI爱好者 ｜ 独立开发。
02-15 7295
Vue 运行时 + 编译器 vs. 只包含运行时 区别
[已解决] You are using the runtime-only build of Vue where the template compiler is not available
weixin_55145838的博客
05-24 1363
使用webpack对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. (found in ) 原因：vue在构建最终的发布版本时，发布了两类版本：
HBuilder X编译前端代码时，碰到[Vue warn]: You are using the runtime-only build of Vue where the template compi
raoking1的博客
11-04 945
记录一个uni-app上的碰到的问题 问题描述： [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.config.js..
[vue] You are using the runtime-only build of Vue where the template compiler is not available
qubes的专栏
10-17 243
enviroment vue2 vue-cli3 vue.config.js error 在子组件方式内，调用Vue.component定义组件，并在子组件中使用 You are using the runtime-only build of Vue where the template compiler reason 应该是当前系统需要vue版本是runtime-only的 solution 如果vue-cli生成工程 在vue.config.js定义 runtimeCompiler: true, 注意
vue 报错 You are using the runtime-only build of Vue where the template compiler is not available.
困惑中，解惑时
09-18 8559
问题描述 学习vue-router官方教程，'起步’章节，<router-view>无效果，控制台报warn: You are using the runtime-only build of Vue where the template compiler is not available.Either pre-compiler the templates into render fu...
[Vue warn]: You are using the runtime-only build of Vue where the templa
热门推荐
pobu168的博客
06-08 1万+
[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.(found
You are using the runtime-only build of Vue where the template compiler is not available 报错解决
可可爱爱❀葱葱子的博客
04-18 9540
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.
vue3.0报错You are using the runtime-only build of Vue where the template compiler is not available
Hiroshi's
02-13 796
遇到这样的报错： 我们先了解一下vue中两种编译模式： Vue 中提供了两种编译模式： 1 完整版： 运行时 + 编译器 1.1 在页面中直接通过 script 标签引入的 vue.js 文件就是 完整版 的 既可以使用 render 函数，也可以使用 template 模板 2 只包含运行时版本 2.1 我们自己手动通过 webpack 配置的打包环境中，通过 import Vue from ‘vue’ 导入的Vue就是 运行版本 的，也就是：vue.runtime.esm.js 只能使用 rende
RuleInterTableDisplay.vue:240 [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. (found in <Root>)
最新发布
10-24
警告信息可能是这样的：`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 ...
解决报错You are using the runtime-only build of Vue where the template compiler is not available.
qq_43729779的博客
08-24 1652
如图这种方法添加组件时报标题中的错误 解决方法： 在vue.config.js文件中配置 const path = require("path"); module.exports = { // webpack配置 - 简单配置方式 configureWebpack: { resolve: { alias: { // 别名 vue$: "vue/dist/vue.esm.js", //加上这一句 "@api": path.reso
VUE报错——[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not...
chouge的博客
07-02 435
[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 warn]: You are using the runtime-only build of Vue where the template compiler is not avaiable
weixin_45866961的博客
12-13 4312
[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. (found in )
【Vue】You are using the runtime-only build of Vue where the template compiler is not available.
HEX9CF的技术博客
12-07 3481
解决这个问题的方法有两种。如果你需要在组件中使用模板语法，建议使用runtime+compiler构建版本。这个错误是由于使用了Vue的runtime-only构建版本而导致的。在这个版本中，模板编译器是不可用的。函数编写组件，或者希望优化应用性能，可以选择预编译模板的方式。
Vue - You are using the runtime-only build of Vue where the template compiler ...
卡尔特斯
10-23 307
[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. (found in <Root>) 解决的办法如下： runtimeCompiler介绍 在根目录下新建一
VUE报错You are using the runtime-only build of Vue where the template compiler is not available
唆了蜜.
03-23 743
pile the
vue使用template模式报错:You are using the runtime-only build of Vue where the template compiler is not ava
HYeeee的博客
02-14 6982
vue使用template，报错的问题 局部注册这个组件： // 父组件 <div> <input type="text" v-model="input" placeholder="please input" /> <test-child :test="test" /> </div> // 子组件， 通过局部注册方式 components: { testChild: { template: `<div v-bind="$attr
You are using the runtime-only build of Vue where the template compiler is not available
dwjdj的博客
08-31 315
webpack打包运行vue程序出现的问题？ 解决方法： 根据错误显示我们知道是runtime-only的问题 runtime-only中代码不允许有template存在 runtime-compiler中代码可以有template的存在，因为compiler可以用于编译template 将runtime-only改成runtime-compiler即可 在vue.esm.js中就存在compiler，所以改下配置即可 在webpack.cofing.js中配置个属性resolve resolve:{
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值