logo标签列表

无法加载antd less样式

cssreactjsnext.jslessantd
3
我有一个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。

2个回答
0

你需要使用 less loader 并在你的项目的 next.config.js 中进行配置。在 Next 应用程序中，直接使用 less 是不被支持的。

0

你可以尝试升级 antd 版本，当前的 5.* 版本对我来说运行良好。

不要直接提供答案，尝试编写详细的注释来解释解决方案，只要说明不太冗长即可。@Kishan Virani - DSDmark
在将 antd 版本更新为 5.11.3 时，下面导入的文件不可用： "antd/lib/style/themes/dark.less"; "antd/dist/antd.dark.less"; "~antd/lib/style/themes/default.less"; 最新版本中这些 less 文件的替代方案是什么？ - undefined
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接