Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘

这篇具有很好参考价值的文章主要介绍了Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

在运行Recat-Ant Design项目安装依赖时发现控制台报错

Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘,Ant Design,前端
发现是css引入文件路径有问题,沿着这个路径找可以看到引入文件已经改名了
Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘,Ant Design,前端
去文档官网看了一下在5.2.2版本中的引入文件名确实已经改变了 其实就是版本升级问题
Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘,Ant Design,前端
改变文件名,项目就成功启动了
Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘,Ant Design,前端Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘,Ant Design,前端
而且在这个版本中的Ant Design的样式文件好像不需要引入也可以直接生效文章来源地址https://www.toymoban.com/news/detail-515790.html

到了这里,关于Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue3使用Vite打包报Rollup failed to resolve import “xxx/node_modules/ant-design-vue/xxxx

    在使用vue3 + vite + ant design vue 的时候,引入一些antd的一些组件的时候,通常运行是没有错的,但是打包会报错,例如: Rollup failed to resolve import \\\"D:/xxxxx/node_modules/ant-design-vue/es/form-item-rest/style/index\\\" from \\\"src/views/xxx/xxx.vue\\\". 15:01:51 This is most likely unintended because it can break your applic

    2024年02月16日
    浏览(44)
  • 【React】next+antd报错:Module not found: Can‘t resolve ‘antd/es/content‘

    Antd + Next手册:https://ant.design/docs/react/use-with-next-cn 根据官方手册进行项目创建 yarn create next-app antd-demo yarn add antd 得到以下环境: Environment Info antd 5.6.4 next 13.4.8 react 18.2.0 安装完依赖后,运行 yarn dev 后浏览 http://localhost:3000 时报错: 终端报错信息: 根据官方GitHub issues检索的

    2024年02月13日
    浏览(62)
  • elementui安装不上,报错:Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/index.css‘ in ‘D

    elementui安装不上,报错:Module not found: Error: Can’t resolve ‘element-ui/lib/theme-chalk/index.css’ in \\\'D:workspaceweb-ele-uivue-managesrc’自定义目录标题) 使用多种办法都没能安装上,在package.json文件中没有发现有elementui对应的版本号 解决方法: 1、删除项目中的node_modules文件夹 2、在项目

    2024年02月16日
    浏览(53)
  • 【ant design vue的table设置scroll后出现滚动条的隐藏处理】

    当table列表内容需要y轴方向滚动时,我们添加并设置了scroll值,例如下: 效果如下: 此时,列表的表头及列表的底部(:scroll中不设置x,底部的滚动条也不会出现)也出现了滚动条,表格看起来不简洁,可以在css添加以下样式: 效果如下:

    2024年02月16日
    浏览(43)
  • Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set `ASele

    控制台出现这个提示: Warning: [ant-design-vue: Form.Item] FormItem can only collect one field item, you haved set ASelect , ASelect , AInputNumber , AInputNumber , AInput 5 field items. You can set not need to be collected fields into a-form-item-rest table中使用了自定义组件 如图: 解决方案: 详情 官网

    2024年02月11日
    浏览(43)
  • Module not found: Error: Can‘t resolve

    只需要再webpack添加这个配置即可 resolve: {      extensions: [\\\'.ts\\\', \\\'.js\\\']    }  

    2024年02月13日
    浏览(48)
  • 第十二篇【传奇开心果系列】Ant Design Mobile of React开发移动应用:内置组件实现酷炫CSS 动画

    第一篇【传奇开心果系列】Ant Design Mobile of React 开发移动应用:从helloworld开始 第二篇【传奇开心果系列】Ant Design Mobile of React 开发移动应用:天气应用 第三篇【传奇开心果系列】Ant Design Mobile of React 开发移动应用:健身追踪 第四篇【传奇开心果系列】Ant Design Mobile of React 开发移

    2024年01月20日
    浏览(56)
  • ❤ Ant Design Vue 2.28的使用

    2024年02月11日
    浏览(36)
  • React安装ant design组件库,并使用

    ant design是一个很棒的组件库,官方地址:快速上手 - Ant Design 但是如何在React里面用起来,好像并不是很顺畅,没有像Vue里面那么友好,因为我踩过这个坑,虽然安装很简单,但是想要出样式,还是有点步骤的。 npm命令: yarn命令: pnpm命令: 千万不要简单的只看官方的文档

    2024年02月14日
    浏览(46)
  • Ant Design Mini 在小程序中的使用

    今天来给大家分享一下 Ant Design Mini 在原生小程序中或者uniapp中的使用 目录 在原生微信小程序中使用 在 uni-app 中使用 在支付宝小程序中引用 在微信小程序中引用 1. 安装依赖 npm i antd-mini --save 2. 构建 npm 安装好依赖以后,点击开发者工具中的菜单栏:工具 -- 构建 npm 3. 在项

    2024年04月09日
    浏览(79)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包