Build errors with @snowpack/plugin-webpack

[stefanfrede]

I updated my snowpack.config.json and switched from @snowpack/plugin-parcel to @snowpack/plugin-webpack and now I get a lot of build errors like this one:

./web_modules/canvas-confetti.js
Module not found: Error: Can't resolve 'core-js/modules/es.array.concat' in '/home/stefan/Development/stefanfrede/11st-starter-kit/dist/web_modules'
resolve 'core-js/modules/es.array.concat' in '/home/stefan/Development/stefanfrede/11st-starter-kit/dist/web_modules'
  Parsed request is a module
  using description file: /home/stefan/Development/stefanfrede/11st-starter-kit/package.json (relative path: ./dist/web_modules)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      /home/stefan/Development/stefanfrede/11st-starter-kit/dist/web_modules/node_modules doesn't exist or is not a directory
      /home/stefan/Development/stefanfrede/11st-starter-kit/dist/node_modules doesn't exist or is not a directory
      /home/stefan/Development/stefanfrede/node_modules doesn't exist or is not a directory
      /home/stefan/Development/node_modules doesn't exist or is not a directory
      /home/stefan/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
      looking for modules in /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules
        using description file: /home/stefan/Development/stefanfrede/11st-starter-kit/package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
          using description file: /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/package.json (relative path: ./modules/es.array.concat)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat doesn't exist
            .wasm
              Field 'browser' doesn't contain a valid alias configuration
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.wasm doesn't exist
            .mjs
              Field 'browser' doesn't contain a valid alias configuration
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.mjs doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.js doesn't exist
            .json
              Field 'browser' doesn't contain a valid alias configuration
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.json doesn't exist
            as directory
              /home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat doesn't exist
[/home/stefan/Development/stefanfrede/11st-starter-kit/dist/web_modules/node_modules]
[/home/stefan/Development/stefanfrede/11st-starter-kit/dist/node_modules]
[/home/stefan/Development/stefanfrede/node_modules]
[/home/stefan/Development/node_modules]
[/home/stefan/node_modules]
[/home/node_modules]
[/node_modules]
[/home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat]
[/home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.wasm]
[/home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.mjs]
[/home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.js]
[/home/stefan/Development/stefanfrede/11st-starter-kit/node_modules/core-js/modules/es.array.concat.json]
 @ ./web_modules/canvas-confetti.js 4:0-41
 @ ./_dist_/index.js

If I remove @snowpack/plugin-webpack from my snowpack config it works just fine.

I'm sadly unable to figure out why this is happening and every push in the right direction is much appreciated!

Here is a link to my repo: https://github.com/stefanfrede/11st-starter-kit/tree/switch-to-webpack.

[stefanfrede]

I checked out app-template-11ty and added @snowpack/plugin-webpack and I'm getting the exact same errors as mentioned by me above.

[KonnorRogers]

Let's start simple, it appears you need "core-js" so to fix this issue, run the following:

npm install --save-dev core-js@3 and see if this fixes the issue.

[stefanfrede]

Thanks, that fixed the build errors.

Now my JS is getting bundled, but my CSS not (after I had a look at the plugin.js I would expect @snowpack/plugin-webpack to bundle my styles too).

[jamesg1]

Yeah that's the same issue I noticed - #726