为 React 在 Next.js 中导入 MDB Sass 文件时出错

Question

I am trying to use MDBootstrap in my Next.js project. But I want to override MDB color variables, so I just copied scss folder from node-modules/mdbreact and paste it in my public/assets folder. When i import the mdb-free.scss in my index.js , it gives me error:

Module not found: Can't resolve '/assets/scss/mdb-free.scss'

I don't know why, here is my project file screenshot:

I have install sass in my project and i got this error while importing my sass file in _app.js

Can you help me with this? I wanna override MDB sass color variables to my custom ones. I am stuck

Answer 1

I am trying to use MDBootstrap in my Next.js project. But I want to override MDB color variables, so I just copied scss folder from node-modules/mdbreact and paste it in my public/assets folder. When i import the mdb-free.scss in my index.js , it gives me error:

Module not found: Can't resolve '/assets/scss/mdb-free.scss'

I don't know why, here is my project file screenshot:

I have install sass in my project and i got this error while importing my sass file in _app.js

Can you help me with this? I wanna override MDB sass color variables to my custom ones. I am stuck