无法加载 antd less 样式

Question

我有以下结构的 NextJs 项目

-pages
    -_app.tsx
-app
    -styles
        -antdstyles.less

里面

_app.tsx

我正在尝试加载

import '@styles/andstyles.less

它只是导入antd样式屁股这个

@import '~antd/dist/antd.less'

; 但是我说错了

/app/styles/antdstyles.less

@import '~antd/dist/antd.less'; ^ 找不到“~antd/dist/antd.less”。试过 - /home/computer/job/proj/app/styles/~antd/dist/antd.less,/home/computer/job/proj/css/~antd/dist/antd.less,/home/computer/job /proj/~antd/dist/antd.less,~antd/dist/antd.less

Answer 1

你必须使用 less loader 并在项目的 next.config.js 中配置它。开箱即用，不支持在下一个应用程序中使用更少。

Answer 2

您可以尝试升级 antd 版本，当前版本 5.* 对我来说效果很好。