QR Code component throws an error and warning even if it's not used

[rapitkan]

Describe the bug

The following text appears in the (zsh) terminal when trying to start an application that uses Shoelace v 2.17.1.

WARNING in ./node_modules/qr-creator/dist/qr-creator.es6.min.js
Module Warning (from ./node_modules/react-scripts/node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/qr-creator/dist/src/qr-creator.js' file: Error: ENOENT: no such file or directory, open '/node_modules/qr-creator/dist/src/qr-creator.js'

The probable cause is that /node_modules/qr-creator/dist/src/qr-creator.js doesn't exist. There isn't src folder under the dist folder.

To Reproduce

Steps to reproduce the behavior:

1. Install Shoelace 2.17.1
2. Configure Shoelace
3. Run your application
4. See error and warning

Demo

Screenshots

Browser / OS

• OS: Mac, Windows

[claviska]

Failed to parse source map from '/node_modules/qr-creator/dist/src/qr-creator.js' file: Error: ENOENT: no such file or directory, open '/node_modules/qr-creator/dist/src/qr-creator.js'

I'm not sure why webpack is looking for a file there — the correct location of the source/minified source files for qr-creator are:

• node_modules/qr-creator/src/qr-creator.js (source)
• node_modules/qr-creator/dist/qr-creator.min.js (minified)

I can't find any references to the folder/file webpack is complaining about anywhere in Shoelace: /node_modules/qr-creator/dist/src

That folder doesn't exist, although both of the following folders exist as siblings in the qr-creator project.

• /node_modules/qr-creator/src
• /node_modules/qr-creator/dist

It looks like the file linked in the source map qr-creator.min.js.map is correct, as well. 🤷🏻‍♂️

I've never seen this error in the Shoelace build and, with the information I have, I can't reproduce it locally. It could be a webpack setting or a webpack plugin getting in the way.

If you're still stuck on this, please post a minimal repro so we can take a closer look.

[rapitkan]

Hi! I found this discussion After Upgrading to CRA 5.0 getting a lot of: Failed to parse source map from and someone writes:

The best solution is to open a issue or pullrequest on that packages.

After updating uuid library from version 10 to version 11 it also gives similar warnings. I'm not sure if the problem really is in these npm packages or in CRA 5.0.