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

于 2023-07-15 14:25:17 发布
阅读量154 收藏
点赞数
分类专栏： Vue.js 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qinzujin12345/article/details/131738895
版权
文章讨论了在Vue项目中遇到的运行问题，由于引用了vue.runtime.esm.js导致的问题。解决方案是更新webpack.base.conf.js配置文件，修改vue/dist/package.json中的main字段，将其指向vue.runtime.esm.js，从而解决了引用错误。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这里引用的是vue.runtime.esm.js，造成的不能正常运行，查看cli2X的版本，在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.package.json的错误引用纠正成vue/dist.vue.esm.js

Vue 解决报错 You are using the runtime-only build of Vue where the template compiler is not available.
我是程序员海军, 全栈开发 | AI爱好者 ｜ 独立开发。
02-15 7192
Vue 运行时 + 编译器 vs. 只包含运行时 区别
【解决】You are using the runtime-only build of Vue where the template compiler is not available
m0_51431448的博客
05-23 1560
这是在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
热门推荐
★【World Of Moshow 郑锴】★
07-07 3万+
问题背景 今天在入门vue-route但是发现怎么处理都有以下报错，并且参考了网上大多数解决方法都不行，最后找到一个最终的解决方法，这才搞定，但愿可以帮到每个路过的入门者。 报错信息 [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
[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not avaiable
weixin_45866961的博客
12-13 4195
[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.
困惑中，解惑时
09-18 8412
问题描述 学习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...
vue3.0报错You are using the runtime-only build of Vue where the template compiler is not available
Hiroshi's
02-13 729
遇到这样的报错： 我们先了解一下vue中两种编译模式： Vue 中提供了两种编译模式： 1 完整版： 运行时 + 编译器 1.1 在页面中直接通过 script 标签引入的 vue.js 文件就是 完整版 的 既可以使用 render 函数，也可以使用 template 模板 2 只包含运行时版本 2.1 我们自己手动通过 webpack 配置的打包环境中，通过 import Vue from ‘vue’ 导入的Vue就是 运行版本 的，也就是：vue.runtime.esm.js 只能使用 rende
vue.runtime.esm.js?ff9b:619 [Vue warn]: You are using the runtime-only build of Vue where the templa
与其终的知识小窝
08-05 4700
vue错误提示： vue.runtime.esm.js?ff9b:619 [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 >)
关于[Vue warn]: You are using the runtime-only build of Vue where the templa...解决
hahabboom的博客
07-03 1289
在学习vue的过程中，我做了很简单的demo，结果它报了这种摸不着头脑的错，在报错信息中才发现有runtime-only和compiler-included两种模式。 我百度了一下出现的原因以及报错的解决方法 vue.runtime.esm.js?2b0e:619 [Vue warn]: You are using the runtime-only build of Vue where the t...
关于VUE报错： You are using the runtime-only build of Vue where the template compiler is not available. E
weixin_50948265的博客
01-08 469
vue是开发两种版本的，分别是 runtime-only 代码中不可以有任何的template runtime-compiler 有compiler可以编译template 在一般情况下，将id为app的挂载在div里面，那个div其实就是相当于那个vue的template。 至于如何解决这个问题，需要在webpack.config.js文件中exports加上下面的代码； resolve:{ alias:{//别名的意思 'vue$':"vue/dist/vue.esm.js"//因为这个
Vue------vue运行时报错：You are using the runtime-only build of Vue where the template compiler ......
COCOLI_BK的博客
09-29 653
报错信息：[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项目中新建一个文件vue.config.js,之后添加下述代码，再次运行解决： mo..
vue.runtime.esm.js:619 [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.
最新发布
06-06
这个警告是因为你在使用 Vue 的运行时版本，而没有包含 Vue 的模板编译器。这可能是因为你使用了 Vue 的 CDN 引入方式，并没有包含完整的 Vue 库。解决方法有两种：一是使用 Vue 的完整版本；二是在构建工具中配置将模板编译为 render 函数。如果你使用的是 Vue CLI，可以在 `vue.config.js` 中添加以下配置： ```js module.exports = { runtimeCompiler: true } ``` 这样就可以使用模板语法了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KKing666

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值