webpack Failed to load 'webpack.config.js' config

 

Getting this error while doing my local build 


[webpack-cli] Failed to load 'webpack.config.js' config

[webpack-cli] ReferenceError: require is not defined in ES module scope, you can use import instead

This file is being treated as an ES module because it has a '.js' file extension and 'package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.


And the reason is that i configure my package.json to type: module - which webpack doesn't like.

To resolve this (careful as you might end up breaking your code), i remove it as i intended to use webpack to do hardwork of bundling application for me.

Having type = module in package.json mean you can use import  to reference external libraries as oppose to using required (Commonjs).

https://nodejs.org/docs/latest-v21.x/api/esm.html#esm_enabling



Apparently webpack don't like it.




Comments

Post a Comment

Popular posts from this blog

The specified initialization vector (IV) does not match the block size for this algorithm

Image
If you're getting  exception when trying to assigned key to a symmetric key and getting error message below :- The specified initialization vector (IV) does not match the block size for this algorithm And your code probably look like something below :- Then you need to go into debug mode and start looking into the supported size for IV as shown in diagram below :- As you can see, IV is 16 bytes, so you need to provide 16 bytes. The same goes for Key field too, if you're adding anything to it. As long as you provide a valid key size, then we're good and you're code will be ready.
Read more