Module parse failed - You may need an additional loader to handle the result of these loaders.

[spider9375]

I have a ui lib that uses web3modal and wagmi. It builds and works. But when i install that lib to my project i get this when running.

Module parse failed: Unexpected token (71068:15)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| var persistImpl = function persistImpl(config, baseOptions) {
|   if ("getStorage" in baseOptions || "serialize" in baseOptions || "deserialize" in baseOptions) {
>     if ((import.meta.env ? import.meta.env.MODE : void 0) !== "production") {
|       console.warn("[DEPRECATED] `getStorage`, `serialize` and `deserialize` options are deprecated. Use `storage` option instead.");
|     }

Any idea how to move past this one?

"@babel/core": "^7.15.0",
"@babel/plugin-proposal-private-property-in-object": "^7.21.11",
"@babel/preset-env": "^7.22.20",
"@babel/preset-react": "^7.22.15",
"@babel/preset-typescript": "^7.23.0",
"babel-loader": "^8.2.2",
"babel-preset-react-app": "^10.0.0",

[dai-shi]

It looks like your bundler picks .mjs one. Because, your bundler doesn't understand import.meta, it should pick "module" or "default" condition. "module" is not a standard, so "default" should be good.

zustand/package.json

Lines 23 to 31 in 90915ad

	".": {
	"types": "./index.d.ts",
	"import": {
	"types": "./esm/index.d.mts",
	"default": "./esm/index.mjs"
	},
	"module": "./esm/index.js",
	"default": "./index.js"
	},

It depends on bundlers how to configure it.

[spider9375]

ok i am using rollup. How to make it get the .js and not .mjs file ?

export default [
	{
		input: 'src/main.ts',
		output: [
			{
				dir: 'dist',
				name: 'app',
				format: 'es',
				sourcemap: 'inline',
			},
		],
		plugins: [
			peerDepsExternal(),
			resolve({
				browser: true,
			}),
			commonjs(),
			typescript({
				tsconfig: 'tsconfig.json',
				sourceMap: true,
				inlineSources: true,
			}),
			json()
		]
	},
];

[dai-shi]

https://github.com/rollup/plugins/tree/master/packages/node-resolve/#exportconditions
It looks like it would pick "default"... maybe removing "browser: true" changes something?

[akzhysparrow]

Were you able to find a solution @spider9375? I am facing the same issue