Unable to build project with webpack plugin

[openscript]

Hello everybody

I'm trying to use the @snowpack/plugin-webpack, but I run into the following issue:

Expand to see the error

yarn run v1.22.5
$ snowpack build && workbox generateSW workbox-config.js
[snowpack] ! building source files...
[snowpack] ✔ build complete [0.06s]
[snowpack] ! building dependencies...
[snowpack] ✔ dependencies ready! [5.57s]
[snowpack] ! verifying build...
[snowpack] ✔ verification complete [0.01s]
[snowpack] ! writing build to disk...
[snowpack] ! optimizing build...
Webpack errors:
./_snowpack/pkg/rxdb.js
Module not found: Error: Can't resolve '../../src/methods/node.js' in '/workspaces/timelet/build/_snowpack/pkg'
resolve '../../src/methods/node.js' in '/workspaces/timelet/build/_snowpack/pkg'
  using description file: /workspaces/timelet/package.json (relative path: ./build/_snowpack/pkg)
    Field 'browser' doesn't contain a valid alias configuration
    using description file: /workspaces/timelet/package.json (relative path: ./build/src/methods/node.js)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js doesn't exist
      .wasm
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.wasm doesn't exist
      .mjs
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.mjs doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.json doesn't exist
      as directory
        /workspaces/timelet/build/src/methods/node.js doesn't exist
[/workspaces/timelet/build/src/methods/node.js]
[/workspaces/timelet/build/src/methods/node.js.wasm]
[/workspaces/timelet/build/src/methods/node.js.mjs]
[/workspaces/timelet/build/src/methods/node.js.js]
[/workspaces/timelet/build/src/methods/node.js.json]
 @ ./_snowpack/pkg/rxdb.js 1789:20-1792:10
 @ ./dist/database.js
 @ ./dist/views/App.js
 @ ./dist/index.js
[@snowpack/plugin-webpack] Error: Webpack failed with ./_snowpack/pkg/rxdb.js
Module not found: Error: Can't resolve '../../src/methods/node.js' in '/workspaces/timelet/build/_snowpack/pkg'
resolve '../../src/methods/node.js' in '/workspaces/timelet/build/_snowpack/pkg'
  using description file: /workspaces/timelet/package.json (relative path: ./build/_snowpack/pkg)
    Field 'browser' doesn't contain a valid alias configuration
    using description file: /workspaces/timelet/package.json (relative path: ./build/src/methods/node.js)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js doesn't exist
      .wasm
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.wasm doesn't exist
      .mjs
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.mjs doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.js doesn't exist
      .json
        Field 'browser' doesn't contain a valid alias configuration
        /workspaces/timelet/build/src/methods/node.js.json doesn't exist
      as directory
        /workspaces/timelet/build/src/methods/node.js doesn't exist
[/workspaces/timelet/build/src/methods/node.js]
[/workspaces/timelet/build/src/methods/node.js.wasm]
[/workspaces/timelet/build/src/methods/node.js.mjs]
[/workspaces/timelet/build/src/methods/node.js.js]
[/workspaces/timelet/build/src/methods/node.js.json]
 @ ./_snowpack/pkg/rxdb.js 1789:20-1792:10
 @ ./dist/database.js
 @ ./dist/views/App.js
 @ ./dist/index.js error(s).

The project can be found here: https://github.com/timelet/timelet

Has it something to do with the node polyfills?

It fails here:

if (isNode) {
  /**
   * we use the non-transpiled code for nodejs
   * because it runs faster
   */
  var NodeMethod = require('../../src/methods/' + // use this hack so that browserify and others
  // do not import the node-method by default
  // when bundling.
  'node.js');
  /**
   * this will be false for webpackbuilds
   * which will shim the node-method with an empty object {}
   */


  if (typeof NodeMethod.canBeUsed === 'function') {
    METHODS.push(NodeMethod);
  }
}

[openscript]

The problem originates here: https://github.com/pubkey/broadcast-channel/blob/337ab293fe323dc4269ca59ab659241816b557e0/src/method-chooser.js#L27

Why this is not "shim"ed by webpack as it should be? If I comment out this part and overwrite the dependency with the resolution field in my package.json it starts to work. This is very hacky. How would you change it?

[vinayakkulkarni]

smh, I'm stuck here as well :X

[openscript]

I'm still using a patch https://github.com/timelet/timelet/blob/develop/patches/broadcast-channel%2B3.4.1.patch

[vinayakkulkarni]

I'm planning on using either Sysend or post-robot

[melissamcewen]

Hi @openscript thanks for reporting. I'm not sure why this is happening but I'll pass on to a maintainer more knowledgable to see if they can take a look.

[paul-asvb]

@openscript (Why) do you need the webpack plugin to import rxBD?

[openscript]

Currently I use the plugin to utilize the workbox-webpack-plugin: https://developers.google.com/web/tools/workbox/modules/workbox-webpack-plugin