None of the answers on this thread will work on newer Next.js versions (v11.1.3-canary.2 and above), because in PR#28529, the Next.js team has switched to a customized version of css-loader that has no defaultGetLocalIdent, nor does it checks if getLocalIndent is null or undefined. Any solution that ultimately removes getLocalIdent from the loader configuration will … Read more
TypeScript does not know that there are files other than .tsor .tsx so it will throw an error if an import has an unknown file suffix. If you have a webpack config that allows you to import other types of files, you have to tell the TypeScript compiler that these files exist. To do so … Read more
Since .flex refers to a global class you’ll need to use the :global selector to target it in your CSS module. /* Layout.module.css */ .navbar :global(.flex) { justify-content: space-between; } Or using an alternate syntax. .navbar { :global { .flex { justify-content: space-between; } } }