Vue2项目引入vant报错问题解决export ‘isVNode‘ (imported as ‘isVNode‘)

最新推荐文章于 2024-05-07 22:05:47 发布

山寺月

最新推荐文章于 2024-05-07 22:05:47 发布

阅读量2.3k

点赞数 1

文章标签：前端 javascript vue vue.js npm

本文链接：https://blog.csdn.net/weixin_52417514/article/details/126338937

版权

首次使用vue2项目安装vant，在基本配置完成之后使用vant组件出现了如下错误：

报错原因：vue版本和vant版本不一致，我这里是vue 2安装了vant 3 版本

解决方案：

步骤一：卸载vant

tips:第一次卸载可能会出错，步骤一再来一遍就好了。

步骤二：安装对应版本vant

步骤三：重启vscode

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

山寺月

关注关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Vue2项目引入vant报错问题解决export ‘isVNode‘ (imported as ‘isVNode‘)

Vue2项目引入vant报错问题解决export 'isVNode' (imported as 'isVNode')
复制链接

扫一扫

vue2 vant组件库报错：ERROR in ./node_modules/@vant/use/dist/index.esm.mjs 101:12-19export ‘isVNode‘ (imp

sherlyxoxo的博客

07-25

6214

vant和vue2适配版本

用Vue-cli搭建的项目中引入css报错的原因分析

08-29

Vue-cli项目中引入css报错的原因分析在使用Vue-cli搭建项目时，遇到...本文详细介绍了Vue-cli项目中引入css报错的问题原因分析和解决方法。希望这个解决方法能够帮助大家在开发Vue-cli项目时避免类似的报错问题。

参与评论您还未登录，请先登录后发表或查看评论

在Vue中引入vant报错（解决办法）

fzxyxf1314的博客

07-19

9535

第一种方案：一、安装vant

vue3虚拟dom(VNode)和真实dom如何相互转换

最新发布

weixin_44260173的博客

05-07

337

vue3虚拟dom(VNode)和真实dom如何相互转换

vue引入vant报错“export ‘Fragment‘ (imported as ‘_Fragment‘) was not found in ‘vue‘

u014220146的博客

02-07

5384

vue2对应vant2，举个例子 “vant”: “^2.12.6”, “vue”: “^2.6.10” vue3 对应vant3 “vant”: “^3.0.0”, “vue”: “^3.0.0”, 否则会报告警

【vue2项目安装引入vant项目无法启动报错解决】

m0_65450343的博客

07-07

1812

vue2项目误执行npm i vant@next -S项目报错不能启动解决：1、卸载该版本vant2、安装适用vue2项目的vant版本,实测有两个版本 2.12.2、2.10.12重新运行 npm run serve/ npm run dev项目启动成功。

Vue2项目安装vant@latest-v2出现版本冲突报错的解决方法

weixin_57664029的博客

03-19

618

当vue2项目中使用安装vant@latest-v2组件库的时候出现项目中有版本依赖的问题出现报错处理方法。

vue项目中按需引入vant组件

笑望灬星辰

05-31

3536

[b][size=24px]vue项目使用vant组件库[/size][/b] vant组件库官网 [color=#0000FF][url=https://youzan.github.io/vant/#/zh-CN/quickstart][/url][/color] 通过 npm 安装 npm i vant -S 或者 cnpm ivant -S 安装插件 npm i babel-plugin-import -D 然后在.babelrc 中添加配置样式按需加载 { "plugins":

外部引入vue.js，ie浏览器下报错

xyy1234567891的博客

06-09

731

mounted:function(){ SCRIPT1003: 缺少 ‘:’

解决vue 项目引入字体图标报错、不显示等问题

12-02

问题：在项目开发时使用字体图标，发现两个问题； 1、出现报错：解决方法为：把字体引入方式改为...以上这篇解决vue 项目引入字体图标报错、不显示等问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希

解决vue 引入子组件报错的问题

10-18

总结来说，解决Vue引入子组件报错的问题关键在于遵循Vue的组件命名规则，避免使用HTML保留标签作为组件ID。合理地命名和注册组件，不仅可以避免潜在的冲突，还能提高代码的可读性和可维护性。在实际开发中，理解并...

vue项目引入vant组件报错‘未注册’

艾丽的博客

02-01

1363

报错：export ‘ActionSheet’ was not found in ‘vant’ 在vue项目中引入的vant组件，看了官方文档，版本已经更新到2.几了，但是我本地只有1.6几。在项目进行过程中很多组件都报错类似："export ‘ActionSheet’ was not found in ‘vant’；查询到解决方式升级本地版本，升级命令： npm install vant@2.2.14 ...

新建的uniapp(vue2)微信小程，编译sVNode‘ is not exported by node_modules\@dcloudio\uni-mp-vue\dist\vue.runtime.

weixin_45495112的博客

08-11

2971

运行到微信小程序上时就报错如上，还没编译，有遇到同样问题的吗，找了很多大佬都没有解决，求支支招。

vue2.x(虚拟dom&vnode)

Caristop3_走在前端这条大道上

04-07

286

如何理解vue中的vnode虚拟dom? return _c( 'div', { attrs: { id: 'app' } }, [ _c('span', { on: { click: onClick } }, [_v('我是data数据' + _s(message))]), _v(' '), // 没整懂为啥每个中间都夹杂个空VNode（在编译阶段时遇到同级兄弟节点会默认生成一个空本文节点） _l(dsArr, function (item

vue 安装错误总结

Ann_52547的博客

10-26

622

vue 错误总结

在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 解决办法

m0_55613022的博客

03-02

2970

在vue中报export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue 问题原因今天在学习vue的过程中遇到一个这样的问题，在利用事件总线的时候出现上图的错误，经过百度，最终找到问题的原因就是版本的问题，我是安装了最新的vuecli，版本大概是4.5.4，我最开始安装vuecli没有指定版本 cli4中main.js中引用文件是下图 import {createApp} from 'vue’的格式引用的而cli3中是用import Vue

问题：引入vuex 报错警告 “export ‘injec‘ was not found in ‘vue‘ ”，怎么解决？

never。❀的博客

03-30

2180

遇到的问题：在引入Vuex时警告 "export ‘inject’ was not found in ‘vue’。同时控制台报错。vue/cli 版本 4.5.13。创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错解决办法： 1、看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex npm uninstall vuex 2、重新下载vuex npm install vuex@3.1.0 --save ...

引入vuex 报错警告 “export ‘inject‘ was not found in ‘vue‘

m0_67401545的博客

03-10

1006

引入Vuex时警告 "export ‘inject’ was not found in ‘vue’ 同时控制台报错 vue/cli 版本 4.5.15 创建项目时没有下载vuex 后期自己下载的，看了一下下载的vuex版本时4.x.x 页面报错 "export 'inject' was not found in 'vue' 解决方案： 1.看一下自己的vuex版本是不是4.x.x ，如果是，先卸载vuex 2.重新下载vuex npm install vuex@3.4.0 ...

前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by

weixin_38225763的博客

09-23

8447

"module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，

vue3引入vant报错

05-12

要使用 Vant 3.x 版本，需要使用 Vue 3.x 以及对应的 Vue CLI 版本。如果你已经使用了 Vue 3.x 和 Vue CLI 4.x，那么可以按照以下步骤来解决问题： 1. 安装 Vant 3.x： ```bash npm install vant@next -S ``` 2. 在 `main.js` 中引入 Vant： ```javascript import { createApp } from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css'; import App from './App.vue'; const app = createApp(App); app.use(Vant); app.mount('#app'); ``` 3. 在 `babel.config.js` 中添加 Vant 的按需引入配置： ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [ 'import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant' ] ] } ``` 如果你使用的是 Vue CLI 3.x，那么需要先升级到 Vue CLI 4.x，然后再按照上述步骤进行操作。如果你还是遇到问题，可以提供更具体的错误信息以便我更好地帮助你解决问题。