【问题标题】:antd 5 Module not found: Error: Can't resolve 'antd/dist/antd.less'antd 5 找不到模块:错误:无法解析 \'antd/dist/antd.less\'
【发布时间】:2022-12-06 04:32:32
【问题描述】:

我已经将 antd 更新到 5.0.0。我现在有这些导入错误。

@import '~antd/es/style/themes/default.less';
@import '~antd/dist/antd.less';

我应该在新版本中替换什么?

【问题讨论】:

    标签: reactjs antd


    【解决方案1】:

    从 v4 到 v5,包中不再包含 antd CSS 文件。

    由于CSS-in-JS支持按需导入,原来的antd/dist/antd.css也被弃用了。

    如果您需要重置一些基本样式,请使用import antd/dist/reset.css。因此,如果您不需要重置基本样式,只需删除此代码即可。

    参考:https://ant.design/docs/react/migration-v5

    【讨论】:

    • 我在项目的 less 文件中使用了 antd less 变量。获取Cannot resolve variable。我现在在 antd dist 中找不到任何 less 文件。如何正确导入变量?
    • 好的,访问链接后我明白了。 v5 对 less 和 css 文件说不。
    【解决方案2】:

    而不是那些导入,将其导入App.js

    import 'antd/dist/reset.css';

    【讨论】:

    • 我在我的项目中只使用了 less 文件,并且在我的项目的 less 文件中使用了来自 antd 的 less 变量。现在对于我项目的 less 文件中使用的 antd less 变量,我得到错误 Cannot resolve variable
    • 检查Change log。他们删除删除包中的 less 和 css并检查yarn add antd之后的installation guide,他们在v5.x.x中做了一些更改
    猜你喜欢
    • 2021-03-19
    • 2016-02-03
    • 1970-01-01
    • 2021-02-20
    • 2018-06-29
    • 1970-01-01
    • 2019-01-07
    • 2019-11-22
    相关资源
    最近更新 更多