Next.js 12 import less file error

[tigressbailey]

After updated to Next.js 12 import styles from './Container.module.less' will report an error:

Config is:

 ...withAntdLess({
        // optional
        lessVarsFilePath: './styles/variable.less',
        // optional
        lessVarsFilePathAppendToEndOfContent: true,
        lessLoaderOptions: {
          lessOptions: {
            javascriptEnabled: true,
            math: 'always',
          },
        },

        // Other Config Here...
        webpack(config, options) {
          return config
        },
      }),

[kulesa]

You can fix this by defining getLocalIdent function in config (although, I'm not sure about the return value):

cssLoaderOptions: {
  modules: {
     getLocalIdent: (_context, _localIdentName, _localName, _options) => "",
  },
 lessVarsFilePath: './styles/variable.less',
 // ...
}

[kulesa]

I got it working with this config:

cssLoaderOptions: {
  modules: {
     getLocalIdent: (_context, _localIdentName, localName) => localName,
  },
 lessVarsFilePath: './styles/variable.less',
 // ...
}

[SolidZORO]

I just updated 1.5.1 to be compatible with Next.js 12. more see CHANGELOG.