vue3 +vite +antDesign 报错无法解析antd.css文件

最新推荐文章于 2024-10-15 09:03:52 发布

柒柒不爱吃零食

最新推荐文章于 2024-10-15 09:03:52 发布

阅读量1.5k

点赞数 10

文章标签： css 前端 vue.js

本文链接：https://blog.csdn.net/jiangchenW/article/details/132015913

版权

在使用AntDesignofVue的4.x版本时遇到了样式解析错误，原因是尝试导入的antd.css在新版本中已被重命名为reset.css。开发者需要更新引用，导入ant-design-vue/dist/reset.css以解决报错问题。

摘要由CSDN通过智能技术生成

使用Ant Design of Vue 4.x版本开发时，报错无法解析antd样式文件。

查看依赖文件发现并不存在antd.css文件，查阅文档得知，这是1.7.8版本的使用方式，在最新的4.x版本中已经将antd.css文件修改名称为reset.css文件

import'ant-design-vue/dist/antd.css'; 4.x版本报错

import'ant-design-vue/dist/reset.css'; 新版本样式文件引入方式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

柒柒不爱吃零食

关注关注

10
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

ant design vue 页面很多css没显示出来_UI库(CSS+HTML)

weixin_42350314的博客

01-18

1494

HTML 是结构化文档, 算是数据结构的一种(变体)吧CSS 就是渲染引擎的怎么运作的配置文件CSS难在哪里？1：浏览器兼容，浏览器兼容一直是前端开发头疼的事情，各种版本型号的浏览器，相互兼容，调试，往往都会让很多人心力憔悴。2：移动端适配，移动端的高速发展，各种屏幕大小的适配，以及不同系统的兼容问题，以及市面上各种眼花缭乱的适配方案，让我们头晕目眩，在加上less，sass，scss的...

Vue3 + Vite + Ant design vue + Windi CSS

weixin_38705829的博客

03-07

1731

在本地搭建 Vue 单页应用。创建的项目将使用基于Vite的构建设置，并允许我们使用 Vue 的单文件组件(SFC)。Vite 官网：https://vitejs.cnVite 是一个 web 开发构建工具，由于其原生 ES 模块导入方法，它允许快速提供代码。这一指令将会安装并执行，它是 Vue 官方的项目脚手架工具。

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

引入import ‘ant-design-vue/dist/antd.css‘时报错

weixin_50636942的博客

08-31

9867

提示 Module not found: Error: Can't resolve 'ant-design-vue/dist/antd.css' in 'D:\yupi\antd-demo\src'初始化前端时候总拉不下来ant.css文件，这个路径ant-design-vue 不存在css文件。后来发现官方文档给的是错误的，css文件叫reset.css。在使用Ant Design Vue 时初始化项目报错。

Vue 3 报错Uncaught TypeError:xxx.component is not a function

最新发布

qq_50150638的博客

10-15

374

其实这是一个添加子组件顺序的问题。上述错误代码中，先创建一个名为。对象添加一个标准的Vue组件。的Vue对象，接着挂载到。

Vue2项目ant-design-vue引入报错问题

m0_53942074的博客

10-23

1127

开发笔记——vue引入ant-design-vue时css报错

醉眸颜入骨

05-20

5398

vue引入ant-design-vue时css报错安装的ant-design-vue版本号必须是1.7.8 npm install ant-design-vue@1.7.8 然后再main.js中写入 import 'ant-design-vue/dist/antd.css'; import Antd from "ant-design-vue"; Vue.use(Antd) 重新启动项目即可 ...

引入antd.css报错

weixin_42234899的博客

01-11

534

使用npm i --save ant-design-vue@next即可解决。我用的是vue3，但引入的antd是3.X，所以报这个错误。原因是找到antd的版本和vue的版本一致。

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

m_uncle的博客

02-04

2624

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、Vite4、ant-design-vue4、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方

02-22

AntdvPro是一个基于Vue3、Vite4、ant-design-vue4、Pinia、UnoCSS和Typescript的一整套企业级中后台前端/设计解决方案，它参考了阿里react版本antd-pro的设计模式，使用了最新最流行的前端技术栈，内置了动态路由、...

【Vue3】创建 vite + vue3 + Ant Design Vue 项目

Jessieeeeeee的博客

11-18

1834

搭建脚手架创建项目：然后按照它的指示运行项目配置文件安装构建 vue-router： npm i vue-router@next 创建 router/index.js 文件： import { createRouter, createWebHistory } from 'vue-router' const routes = [ { path: '/', name: 'Home', // 按需加载 component: () => import(

vite+vue3+ts+ant design vue+tailwindcss搭建前端web应用（1）

TJ1532635942的博客

08-23

4555

本文编写的目的是为了基于vite、vue3、ts搭建开箱即用的前端应用框架模板，会实现axios、vue-router和pinia的封装和基本使用。

一款基于当前最前沿的前端（Vue3 + Vite + Antdv）和后台（Spring boot）实现的低代码开发平台

07-05

vite + vue3引入ant design vue 报错

weixin_38673922的博客

01-05

883

npm install ant-design-vue --save下载插件并在main.ts 全局引入。main.ts注释掉全局引入。

关于vue3.0引入antdv在main.ts中报错

weixin_44844800的博客

02-25

3233

关于vue3.0引入antdv在main.ts中报错 1.根据官网（antd官网链接）提示 npm i --save ant-design-vue 安装 antdv 后在main.ts中引入（比较懒，为了省事，并没有按需加载） import { createApp } from 'vue' import App from './App.vue' import router from './router' import store from './store' import Antd from 'ant

vue3+vite,自动按需引入ant-design-vue3x报错

小花同学

09-20

894

vue3+vite项目，自动按需引入ant-design-vue3x报错：Failed to resolve import "ant-design-vue/es/button/style/css" from "src\views\ant-d-v-test.vue"

【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案

热门推荐

赏樱看雪撸代码

12-01

1万+

vue项目部署CSS失效，css样式加载无效，nginx部署css失效，css文件404，服务器样式失效部署项目css失效

antd样式引入失效

tuzi007a的博客

12-12

1895

写了这样一个例子：然而， button样式并没有生效。也没有什么报错。因为之前做了css-modules的模块化配置，即引入样式形式为： import styles from './xxx.css' 而antd的样式引入为： import 'xxx/antd.css' 引入样式与模块化形式不同所以考虑到可能是因为css模块化引入，导致antd样式失效了。于是，打开webpack.config.js，注释掉modules的配置。重启项目，可以看到一个蓝色的按钮。问题解决。

element ui 本地引入_vue 引入antd、vant、element-UI失败

weixin_39737947的博客

11-20

358

我用的是@vue/cli 4.3. 最近调用了antd组件、element-UI组件样式最后都失败，页面没有显示任何控件。打开控制台提示：did you register the component correctly？For recursive components, make sure to provide the "name" option.上网搜了很多解决方案，无果。现在贴一下我的解决方案...

vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

weixin_45765073的博客

01-20

7900

在vue3+vite+vant项目下按需引入vant报错Failed to resolve import解决方案

芋道管理后台重构：Vue3 + Vite4 + Ant-Design-Vue 4.0

资源摘要信息:"芋道管理后台基于vben最新版本，最新vue3 vite4 ant-design-vue4.0 typescript语法进行重构" 芋道管理后台的开发团队采用了当前流行的前端技术栈进行重构，实现了基于Vue 3、Vite 4和Ant Design Vue ...