vue3.0引入ant-design-vue报错

最新推荐文章于 2024-03-07 13:48:03 发布
最新推荐文章于 2024-03-07 13:48:03 发布
阅读量2.7k 收藏 2
点赞数 1
分类专栏： vueJs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m_uncle/article/details/113650020
版权
本文介绍了解决在安装ant-design-vue过程中遇到的export 'default' (imported as 'Vue') was not found in 'vue'错误的方法。通过指定安装最新版本并更新项目配置，可以有效解决此问题。

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

1、npm i --save ant-design-vue

2、

3、报错:"export 'default' (imported as 'Vue') was not found in 'vue'

4、在当前目录下跑npm i --save ant-design-vue@next         ,              然后重新跑下项目就可以了

 

 

 

前端开发：Vue3提示警告Failed to resolve component：XXX If this is a native custom element… 的解决方法
全沾软贱开发攻城狮
12-26 4万+
在前端开发中使用Vue的开发者都知道，Vue目前已经以Vue3.0为基础版本了，也就是说Vue3.0已经成为主流版本了。还在只用Vue2.0开发没有使用Vue3.0的开发者要注意了，要抓紧时间熟悉和了解Vue3以上的相关语法和知识点了，迫在眉急。本篇博文来分享一下，关于在使用Vue3的时候遇到的一个提示警告错误，虽然不复杂，但是这是一个比较常见且共性的问题，分享出来记录一下，方便以后查阅使用。
vue3-antd-admin:基于vue-clivite + vue3.0 + ant-design-vue2.0 +打字稿钩子的基础后台管理系统模板RBAC的权限系统，JSON架构动态表单，动态表格，漂亮的锁屏界面
03-11
使用了Vue3.0全家桶，ant-design-vue2.0和typescript4.0，实践vue3.0的新特性以及玩法，不得不说vue3.0的组成API比例于vue2.0的Options API灵活很多，让我们可以灵活地组合组件逻辑，我们可以很轻松的使用hooks的...
vue3项目按需加载antdesign启动时报错.bezierEasingMixin()；Inline JavaScript is not enabled. Is it set in your opt
BiangBaing的博客
02-14 725
报错原因是因为在使用 babel-plugin-import 配置按需加载时，设置style: true，而当前 less 版本过高；首先还是要先查看下 package.json 文件中 less-loader 的版本，不同版本属性配置略有差异。在项目根目录下新建文件 vue.config.js，具体配置如下。我的less-loader为8.0.0，亲测使用第一种方法有效，不知道使用哪种，可以两个都试一下。查看 package.json 文件中less版本，将其降低为3.0以下版本即可。
关于vue3.0 引入 ant-design-vue 报错 Uncaught TypeError: Cannot read property ‘use‘ of undefined 的解决办法
热门推荐
weixin_44647098的博客
12-29 1万+
其实很简单 哈哈哈 就是因为版本的问题 根目录执行下面这个命令就行了 cnpm i --save ant-design-vue@next -S cnpm 和 npm 都行 我把我main.js的内容粘出来方便大家复制 import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Antd from 'ant-des
ant-design-vue组件按需引入及报错解决
jyn15159的博客
12-08 6923
ant-design-vue 组件按需引入 按需引入 如果使用babel的话，可以使用 babel-plugin-import 来进行按需加载。 安装babel-plugin-import： npm install babel-plugin-import --save-dev 配置bable.config.js： module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ], plugins: [ [
在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错
m0_58133506的博客
03-07 960
【代码】在使用vue3 + vite + ant design vue 的时候，引用组件，打包会报错。
使用vue3+ant-design-vue+vite+ts开发的通用中后台框架，实现了权限系统.zip
01-22
Vue 3.2 -- 使用vue3+ant-design-vue+vite+ts开发的通用中后台框架，实现了权限系统、动态菜单、国际化、mock数据、表格集成快速使用等功能，简洁干净开箱即用。. 各领域数据集，工具源码，适合毕业设计、课程设计...
ant-design-vue-4.0.0-alpha.2.zip
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
vue3.0-vite-antd 实现动态切换主题.zip
10-29
在Vue3.0框架中，配合Vite构建工具和Ant Design Vue 2.0库，实现动态主题切换是一项常见的需求，特别是在开发具有高度定制化界面的Web应用时。本项目"vue3.0-vite-antd 实现动态切换主题.zip"提供了一种实现方式，...
ant-design-vue-4.0.7.zip
最新发布
08-26
基于 Ant Design 和 Vue 的企业级 UI 组件库
vue3.0 使用ant-design-vue 按需加载时报错.bezierEasingMixin()
lhz_333的博客
05-13 2998
解决 ant-design-vue 按需加载时报错 .bezierEasingMixin() 的问题
vue3 +vite +antDesign 报错无法解析antd.css文件
jiangchenW的博客
07-31 1796
使用Ant Design of Vue 4.x版本开发时，报错无法解析antd样式文件。查看依赖文件发现并不存在antd.css文件.
解决VUE3使用Ant-Design的图标组件＜a-icon＞使用报错，自己做个＜b-icon＞
学习使我快乐_玉祥
04-04 7747
浏览器控制台报错：不识别a-icon 网上推荐使用循环遍历每一个组件，进行注册 在main.js写这个循环，多少有点奇怪 并且我在下方这行代码就已经报错了，不太懂这个语法。 const icons: any = Icons; 一筹莫展之际，我决定自己写一个a-icon组件。 <template> <span ref="icon" v-html="code" style="width:25px;height:25px;overflow:hidden;">.
npm安装ant-design-vue，运行npm run dev报错
zuodandan_123的博客
12-09 2206
报错截图： 原因： 在安装的时候执行命令npm i ant-design-vue 这句命令是将依赖安装在dependencies中，而非devDependencies中 解决办法： 执行npm i ant-design-vue --save-dev，将依赖安装在devDependencies中就可以了 ...
Vue2项目ant-design-vue引入报错问题
m0_53942074的博客
10-23 1371
这里默认安装最新版本，所以，要是vue2或者vue/cli4.5以下版本，或者需要兼容IE。ant-design只能安装1版本。一直在报错： error in ./node_modules/ant-design-vue/dist/antd.css。安装，引入ant-design。
vue项目中安装ant-design-vue出现错误
xi_aot的博客
08-31 5292
使用 npm i --save ant-design-vue 命令时，项目报错
vue3 的unplugin-vue-components报错
weixin_45638909的博客
09-26 2625
这时候你可以重新安装下这个模块unplugin-vue-components。
vue3.0中ant-design样式引入无效问题
qq_37947438的博客
04-06 7765
最近做新项目时想试试vue3.0+ts+ant-design，在依赖都装完后，随便写了个页面样式却出不来，如下图 经过一番百度，终于知道了原来在使用antd的时候， css 不能开启 css modules，我们只需要把vue.config.js的css配置下把modules改为false就可以了，如下图 重启项目后就可以了 值得注意的是，在我们刚刚配置的vue.config.js文件下，modules属性与requireModuleExtension是补鞥呢同时存在的，不然会被后者覆盖，把requi
ant design pro项目使用npm install 初始化报错问题解决
weixin_45559449的博客
03-06 1227
ant design pro of vue项目，使用npm install初始化时，报错gyp ERR。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值