Can't resolve '/__web-dev-server__web-socket.js

[naissa12]

I'm running into the following error when running rush test. It seems to be complaining about a node module in the common folder.

 {
  moduleIdentifier: 'javascript/esm|/Users/test/dev/hz4/common/temp/node_modules/.pnpm/@[email protected]/node_modules/@web/test-runner-commands/browser/commands.mjs',
  moduleName: '../../../common/temp/node_modules/.pnpm/@[email protected]/node_modules/@web/test-runner-commands/browser/commands.mjs',
  loc: '20:34-76',
  message: "Module not found: Error: Can't resolve '/__web-dev-server__web-socket.js' in '/Users/test/dev/hz4/common/temp/node_modules/.pnpm/@[email protected]/node_modules/@web/test-runner-commands/browser'",
  moduleId: '../../../common/temp/node_modules/.pnpm/@[email protected]/node_modules/@web/test-runner-commands/browser/commands.mjs',
  moduleTrace: [
   [Object], [Object],
   [Object], [Object],
 ...100 lines omitted...
 }
]
<w> [webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected]_b28f37c4b277fc46484d7898c8ed3863/node_modules/babel-loader/lib/index.js!/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/ts-loader/index.js!/Users/test/dev/hz4/apps/ui-alpha/web/src/components/hz-menu-section/HzAppMenu.ts': No serializer registered for ConstDependency
<w> while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 9 items } -> ConstDependency
<w> [webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected]_b28f37c4b277fc46484d7898c8ed3863/node_modules/babel-loader/lib/index.js!/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected][email protected][email protected]/node_modules/ts-loader/index.js!/Users/test/dev/hz4/apps/ui-alpha/web/src/components/hz-user-profile/HzUserCard.ts': No serializer registered for ConstDependency
<w> while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 8 items } -> ConstDependency
<w> [webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|javascript/esm|/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected][email protected]/node_modules/source-map-loader/dist/cjs.js!/Users/test/dev/hz4/shared/renderer/build_wasm/UI/renderer.js': No serializer registered for ConstDependency
<w> while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 5 items } -> ConstDependency
<w> [webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|javascript/esm|/Users/test/dev/hz4/common/temp/node_modules/.pnpm/[email protected][email protected]/node_modules/source-map-loader/dist/cjs.js!/Users/test/dev/hz4/shared/client-bitmap-utils/dist/ResourceLoadUtils.js': No serializer registered for ConstDependency
<w> while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 9 items } -> ConstDependency

[thepassle]

You're likely importing something from semantic-dom-diff, which leads to an import of @web/test-runner-commands, which uses a virtual module called __web-dev-server__web-socket.js. The file does not exist, so webpack crashes on it. Im not familiar with webpack, but maybe there's a configuration option to externalize or ignore this file.

[1bberto]

I solve this issue by adding this to my Webpack configurations:

externals: {
  '/__web-dev-server__web-socket.js': 'commonjs __web-dev-server__web-socket.js'
}