Can't import with webpack

[GameCodingNinja]

Installed... npm install xml2js npm install @types/xml2js

Trying to add it to a project...

import * as xml2js from 'xml2js';

... throws a bunch of errors. SAX is installed.

asset bundle.js 1.47 MiB [compared for emit] [big] (name: main) runtime modules 937 bytes 4 modules modules by path ../ 1.23 MiB modules by path ../library/ 550 KiB 106 modules modules by path ../node_modules/ 715 KiB modules by path ../node_modules/planck-js/lib/ 510 KiB 53 modules modules by path ../node_modules/xmlbuilder/lib/.js 127 KiB 33 modules modules by path ../node_modules/xml2js/lib/.js 20.4 KiB 6 modules 2 modules modules by path ./ 89.1 KiB javascript modules 82.9 KiB modules by path ./source/ 69.5 KiB 15 modules modules by path ./data/objects/ 13.4 KiB 6 modules json modules 6.18 KiB 11 modules

WARNING in ../node_modules/sax/lib/sax.js 163:13-37 Module not found: Error: Can't resolve 'stream' in '/home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }' - install 'stream-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "stream": false } @ ../node_modules/xml2js/lib/parser.js 9:8-22 @ ../node_modules/xml2js/lib/xml2js.js 12:11-30 @ ./source/state/startupstate.js 51:0-33 62:8-26 @ ./source/game/game.js 14:0-53 96:29-41 @ ./source/game/main.js 9:0-33 12:15-19

1 warning has detailed information that is not shown. Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

ERROR in ../node_modules/sax/lib/sax.js 233:17-56 Module not found: Error: Can't resolve 'string_decoder' in '/home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "string_decoder": require.resolve("string_decoder/") }' - install 'string_decoder' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "string_decoder": false } resolve 'string_decoder' in '/home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/lib' Parsed request is a module using description file: /home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration resolve as module /home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/lib/node_modules doesn't exist or is not a directory /home/howie/Development/javajcript-webgl-game-engine/node_modules/sax/node_modules doesn't exist or is not a directory /home/howie/Development/javajcript-webgl-game-engine/node_modules/node_modules doesn't exist or is not a directory looking for modules in /home/howie/Development/javajcript-webgl-game-engine/node_modules single file module using description file: /home/howie/Development/javajcript-webgl-game-engine/package.json (relative path: ./node_modules/string_decoder) no extension Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/string_decoder doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/string_decoder.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/string_decoder.json doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/string_decoder.wasm doesn't exist /home/howie/Development/javajcript-webgl-game-engine/node_modules/string_decoder doesn't exist /home/howie/Development/node_modules doesn't exist or is not a directory /home/howie/node_modules doesn't exist or is not a directory /home/node_modules doesn't exist or is not a directory /node_modules doesn't exist or is not a directory @ ../node_modules/xml2js/lib/parser.js 9:8-22 @ ../node_modules/xml2js/lib/xml2js.js 12:11-30 @ ./source/state/startupstate.js 51:0-33 62:8-26 @ ./source/game/game.js 14:0-53 96:29-41 @ ./source/game/main.js 9:0-33 12:15-19

ERROR in ../node_modules/xml2js/lib/parser.js 17:17-47 Module not found: Error: Can't resolve 'timers' in '/home/howie/Development/javajcript-webgl-game-engine/node_modules/xml2js/lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { "timers": require.resolve("timers-browserify") }' - install 'timers-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { "timers": false } resolve 'timers' in '/home/howie/Development/javajcript-webgl-game-engine/node_modules/xml2js/lib' Parsed request is a module using description file: /home/howie/Development/javajcript-webgl-game-engine/node_modules/xml2js/package.json (relative path: ./lib) Field 'browser' doesn't contain a valid alias configuration resolve as module /home/howie/Development/javajcript-webgl-game-engine/node_modules/xml2js/lib/node_modules doesn't exist or is not a directory /home/howie/Development/javajcript-webgl-game-engine/node_modules/xml2js/node_modules doesn't exist or is not a directory /home/howie/Development/javajcript-webgl-game-engine/node_modules/node_modules doesn't exist or is not a directory looking for modules in /home/howie/Development/javajcript-webgl-game-engine/node_modules single file module using description file: /home/howie/Development/javajcript-webgl-game-engine/package.json (relative path: ./node_modules/timers) no extension Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/timers doesn't exist .js Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/timers.js doesn't exist .json Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/timers.json doesn't exist .wasm Field 'browser' doesn't contain a valid alias configuration /home/howie/Development/javajcript-webgl-game-engine/node_modules/timers.wasm doesn't exist /home/howie/Development/javajcript-webgl-game-engine/node_modules/timers doesn't exist /home/howie/Development/node_modules doesn't exist or is not a directory /home/howie/node_modules doesn't exist or is not a directory /home/node_modules doesn't exist or is not a directory /node_modules doesn't exist or is not a directory @ ../node_modules/xml2js/lib/xml2js.js 12:11-30 @ ./source/state/startupstate.js 51:0-33 62:8-26 @ ./source/game/game.js 14:0-53 96:29-41 @ ./source/game/main.js 9:0-33 12:15-19

webpack 5.25.0 compiled with 2 errors and 1 warning in 1189 ms The terminal process "bash '-c', '../node_modules/.bin/webpack --mode none'" terminated with exit code: 1.

[JonathanMSifleet]

I too get this issue, not that it helps

[siarheipashkevich]

@GameCodingNinja @JonathanMSifleet did you fix this issue?

[JonathanMSifleet]

@GameCodingNinja @JonathanMSifleet did you fix this issue?

I ended up using fast-xml-parser instead

[ivvitikhonov]

Webpack 5 no longer polyfills Node.js core modules automatically which means if you use them in your code running in browsers or alike, you will have to install compatible modules from npm and include them yourself.

I have the same problem, but in my case I don't use some functionalities with xml2js and I've decided my problem with update section resolve in webpack.config:

resolve: {
    fallback: { 
        "stream": require.resolve("stream-browserify"),
        "string_decoder": false,
        "buffer": false,
        "events": false
    }
}