vue+typescript+ant-design-vue一起使用，ant-design-vue样式失效问题

最新推荐文章于 2023-08-23 19:42:31 发布
最新推荐文章于 2023-08-23 19:42:31 发布
阅读量1.2k 收藏 2
点赞数
文章标签： vue.js vue ant
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/youjia727/article/details/121406490
版权

最近使用vue脚手架搭建ts搭建项目时，遇到使用ant组件样式失效的问题，开始创建项目引入ant组件结果如下：
在这里插入图片描述
后面百度查找了解到，需要自动设置解析css的内容，vue-cli3的项目需要早vue.config,js设置css相关配置，如下：
在这里插入图片描述
最后重启项目就可以了
在这里插入图片描述

youjia727
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ant Design【Ant Design Vue】 通过Vue-cli 3 配置主题不生效或报错
渣渣旭的博客
07-25 2267
vue-cli 3+ 配置 // vue.config.js 文件 module.exports = { css: { loaderOptions: { less: { lessOptions: { modifyVars: { 'primary-color': '#1DA57A', // 要重新定义的less变量【无@符】 'link-color': '#1DA57A', '
vue3.0中ant-design样式引入无效问题
qq_37947438的博客
04-06 7296
最近做新项目时想试试vue3.0+ts+ant-design，在依赖都装完后，随便写了个页面样式却出不来，如下图 经过一番百度，终于知道了原来在使用antd的时候， css 不能开启 css modules，我们只需要把vue.config.js的css配置下把modules改为false就可以了，如下图 重启项目后就可以了 值得注意的是，在我们刚刚配置的vue.config.js文件下，modules属性与requireModuleExtension是补鞥呢同时存在的，不然会被后者覆盖，把requi
关于antdesign-vue的layout组件样式失效问题（#components-layout-demo-custom-trigger）
坏蛋阿土的博客
07-08 1067
使用antdesign vue 中的layout作为主要布局，logo没有了，而且此时也无法更改样式。无论怎么修改都不会对页面产生影响。正常引入后，跟期望的样子不一样。
ant design vue pro 编译后调用api_2年vue项目实战经验汇总
weixin_39559333的博客
10-27 659
前言vue作为前端主流的3大框架之一，目前在国内有着非常广泛的应用，由于其轻量和自底向上的渐进式设计思想，使其不仅仅被应用于PC系统，对于移动端，桌面软件(electronjs)等也有广泛的应用，与此诞生的优秀的开源框架比如elementUI，iView， ant-design-vue等也极大的降低了开发者的开发成本，并极大的提高了开发效率。笔者最初接触vue时也是使用的iview框架，亲身体会之...
【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
热门推荐
赏樱看雪撸代码
12-01 1万+
vue项目部署CSS失效，css样式加载无效，nginx部署css失效，css文件404，服务器样式失效 部署项目css失效
了解react函数式组件原理，并且实现react-hooks功能源码
youjia727的博客
03-18 639
一篇文章让你了解react函数式组件，熟悉react-hook的用法与原理，在未来开发中能快速的解决问题。
记录Vue3中引入tailwindcss和antDesign Vue，使用message出现的样式问题
weixin_52020362的博客
11-30 1954
记录Vue3中引入tailwindcss和antDesign Vue，使用message出现的样式问题
全栈-Vite3+Vue3+TS+Ant-design-vue3整合
11-07
在本项目中，我们探索了如何使用最新技术栈进行全栈开发，重点是前端的Vite3、Vue3、TypeScript以及Ant Design Vue3的整合，同时涉及后端的SpringBoot、MybatisPlus和MySQL。这是一个全面的实战教程，旨在帮助开发者...
ant-design-vue3-admin:一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用
05-19
一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。 最新的技术栈 统一的技术规范 权限方案（路由，菜单，操作） 支持多语言 数据 ...
一个基于vue3+typescript+ant-design-vue 搭建的基础代码库,有完善的类型系统，帮助快速搭建 vue3
最新发布
08-13
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目，本人系统开发经验充足（全栈开发），有任何使用问题欢迎随时与我联系，我会及时为您解惑，...
基于vite2.x + vue3.x + ant-design-vue3.x + typescript基础后台管理系统模板
07-08
【标题】：“基于vite2.x + vue3.x + ant-design-vue3.x + typescript基础后台管理系统模板” 【描述】：这个项目是一个现代的、高效的基础后台管理系统模板，它结合了最新的前端技术栈，包括vite2.x作为构建工具，...
_JeecgBoot—Vue3版前端源码，采用 Vue3.0+TypeScript+Vite+Ant-Design-Vue
04-02
_JeecgBoot—Vue3版前端源码，采用 Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案，包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。 是JeecgBoot低代码平台的vue3技术栈的全新...
Vue3+Vite+TypeScript+Ant Design Vue+Pinia等主流技术的后台管理系统项目.zip
01-03
Vue3+Vite+TypeScript+Ant Design Vue+Pinia是一个现代前端开发的组合，用于构建高效、可维护的后台管理系统。这个项目充分利用了这些技术的优势，提供了丰富的功能和优化的开发体验。以下是对这些技术及其在后台...
mall:基于taro.js + vue3 + typescript + taro-ui-vue3 搭建的模板
05-23
基于taro.js + Vue3 + taro-ui-vue3 搭建的模板 环境准备 初始化 node_modules: npm install or(推荐, 尽量在执行前开启梯子) yarn 提供的脚本 具体可以查看 package.json 中的脚本列表. 主要脚本为: start 启动项目...
vue-ts-antDesign-admin:vue + typescript + ant-desing-vue开发的后台管理系统模板
03-11
管理 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 运行单元测试 npm run test:unit
关于使用antd-desgin-vue中的input框defaultvalue 不生效解决办法
Benz_s600的博客
09-10 3149
前言：使用antd-desgin-vue ui框架的时候，用到了input这个组件，想做的功能是一个编辑信息的一个回显，可以使用了input的defaultvalue属性，并没有生效 解决办法： 具体为啥子喃！要问楼主啦
$message修改样式无效问题解决方法
eqizhihui的博客
08-23 999
今天写代码时遇到了一个问题，前提是项目做了移动端适配，会根据屏幕大小改变字体的大小，所以导致在pc端展示时$message的图标被放大。注意是使用querySelectorAll而不是querySelector，querySelector只会获取第一个。
修改antd中message样式
qq_43803757的博客
10-31 1805
antd修改默认样式
解决在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效的问题
小祥编程擅长前端
06-05 1368
在使用 Ant Design Vue组件库更改Modal对话框样式使用深度作用选择符不生效。因为modal是直接插入到body元素中的，脱离了父元素。所以写在局部的样式，则不能在body下面脱离了父组件的模态框去生效，只能在你父组件下对应的地方生效。
Vite3+Vue3+TS+Ant-design-vue3全栈实战：快速构建与配置教程
本篇文档详细介绍了如何进行全栈开发实战，主要结合了前端技术Vite3、Vue3、TypeScript (TS) 和 Ant-Design-Vue3，以及后端技术SpringBoot、MybatisPlus和MySQL。以下是关键知识点的总结： 1. **前端技术栈搭建** ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值