Unable to load antd less styles

user_13678259 0
Viewed 312

I have NextJs project with following structure

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

inside _app.tsx i am trying to load import '@styles/andstyles.less which simply imports antd styles ass this @import '~antd/dist/antd.less'; However i get error saying

/app/styles/antdstyles.less

@import '~antd/dist/antd.less'; ^ '~antd/dist/antd.less' wasn't found. Tried - /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

antd next.js reactjs less css
1 Answers

you have to use less loader and config it in next.config.js of your project. it's not supported to use less in next app out of the box.

user_120988660
Related