Need Help!
I encountered an issue while trying to run my nextapp with antd design. It's giving me an error about needing a less loader, so I checked out this https://github.com/SolidZORO/next-plugin-antd-less and also this https://github.com/elado/next-with-less, but I still couldn't resolve it.
> cross-env NODE_OPTIONS="-r esm" next -p 3333
ready - started server on 0.0.0.0:3333, url: http://localhost:3333
error - Failed to load next.config.js, see more info here https://nextjs.org/docs/messages/next-config-error
TypeError: Invalid host defined options
at Object.loadConfig [as default] (C:...\node_modules\next\dist\server\config.js:70:78)
at async NextServer.loadConfig (C:...\node_modules\next\dist\server\next.js:114:22)
at async NextServer.prepare (C:...\node_modules\next\dist\server\next.js:96:24)
at async C:...\node_modules\next\dist\cli\next-dev.js:127:9
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `cross-env NODE_OPTIONS="-r esm" next -p 3333`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:...\AppData\Roaming\npm-cache\_logs\2022-04-12T03_39_00_931Z-debug.log
System Details:
- Node v12.22.0
- NextJs v12.1.4
- React v17.0.2
My next.config.js:
/* eslint-disable */
const withPlugins = require('next-compose-plugins');
const withAntdLess = require('next-plugin-antd-less');
const pluginAntdLess = withAntdLess({
lessVarsFilePath: './src/styles/variables.less'
});
module.exports = withPlugins([[pluginAntdLess]], {
webpack(config) {
return config
}
});