Just to note it down in case I forget about this issue (AGAIN).
When importing the scss source of
bootstrap in my own global scss file, there seem to be some path resolution problems in the latest Next.js and I got these errors:
wait - compiling... error - ./styles/globals.scss:4:0 Module not found: Can't resolve '../node_modules/bootstrap/scss/forms/data:image/svg+xml,<svg xmlns='http:/www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='' Import trace for requested module: ./styles/globals.scss ./pages/_app.js https://nextjs.org/docs/messages/module-not-found
@import 'bootstrap/scss/bootstrap.scss'; ...
Then I found This issue. Exactly the same one.
So I simply down-grade Next.js to ^11, and it works.
It seems that the fix has been merged, so we can just wait for the releases to include it.