Bug: Missing Theme Packages When Upgrading to 1.3

Open

AntonPalmqvistopened 2mo ago

Prerequisites

I have searched for duplicate or closed issues
I have read the contributing guidelines

Describe the issue

Upgrading from 1.2.12 to 1.3.1 and now I'm suddenly getting the following errors about missing themes:

failed Building production JavaScript and CSS bundles - 8.572s

 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-dark' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-dark' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:38:22


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-dark-soft' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-dark-soft' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:39:27


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-dark-vibrant' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-dark-vibrant' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:40:30


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-dark-protanopia-deuteranopia' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-dark-protanopia-deuteranopia' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:41:46


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-dark-tritanopia' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-dark-tritanopia' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:42:33


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-light' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-light' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:43:23


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-light-soft' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-light-soft' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:44:28


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-light-vibrant' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-light-vibrant' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:45:31


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-light-protanopia-deuteranopia' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-light-protanopia-deuteranopia' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:46:47


 ERROR #98124  WEBPACK.BUILD-JAVASCRIPT

Generating JavaScript bundles failed

Can't resolve '@pierre/theme/pierre-light-tritanopia' in '/Users/anton/Git/physically-based-web/node_modules/@pierre/theming/dist/collections'

If you're trying to use a package make sure that '@pierre/theme/pierre-light-tritanopia' is installed. If you're trying to use a local file make sure that the path is correct.

File: node_modules/@pierre/theming/dist/collections/pierre.js:47:34

Reproduction

Install @pierre/diffs in a project that uses Webpack
Use import { MultiFileDiff } from "@pierre/diffs/react" in a React component
Compile and observe the issue

What browser(s) are you seeing the problem on?

Firefox

What version of @pierre/diffs are you using?

1.3.1

Activity

amadeus2mo ago

I just release 1.3.4 that hopefully fixes this? Please let me know if it doesn't.

AntonPalmqvist2mo ago

Still getting the same errors on 1.3.4 unfortunately.

I ended up installing @pierre/theme separately from npm and now it's working again. I'm just a bit confused as to why it worked before without having to install the theme package specifically.

amadeus2mo ago

Can you perhaps supply like a package.json and a basic test file that replicates this issue?

AntonPalmqvist2mo ago

Yes, sorry for the missing repro. Here's my package.json. Let me see if I can get you a test scene as well.


{
  "name": "redacted",
  "version": "1.0.0",
  "private": true,
  "description": "redacted",
  "author": "apq",
  "keywords": [
    "gatsby"
  ],
  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean",
    "pwasplash-light": "pwa-asset-generator ./static/images/splash/splash-light.png ./static/images/splash --background \"#dcdbd4\" --splash-only --type jpeg --quality 80",
    "pwasplash-dark": "pwa-asset-generator ./static/images/splash/splash-dark.png ./static/images/splash --dark-mode --background \"#31302e\" --splash-only --type jpeg --quality 80"
  },
  "dependencies": {
    "@ark-ui/react": "^5.37.2",
    "@base-ui/react": "^1.6.0",
    "@fortawesome/fontawesome-svg-core": "^7.3.1",
    "@fortawesome/free-brands-svg-icons": "^7.3.1",
    "@fortawesome/free-regular-svg-icons": "^7.3.1",
    "@fortawesome/free-solid-svg-icons": "^7.3.1",
    "@fortawesome/react-fontawesome": "^3.5.0",
    "@pierre/diffs": "^1.3.4",
    "@pierre/theme": "^2.0.0",
    "@react-three/drei": "^10.7.7",
    "@react-three/fiber": "^9.7.0",
    "@react-three/gpu-pathtracer": "^0.3.2",
    "@react-three/postprocessing": "^3.0.4",
    "bowser": "^2.14.1",
    "colorjs.io": "^0.7.1",
    "exifreader": "^4.41.3",
    "gatsby": "^5.16.1",
    "gatsby-plugin-image": "^3.16.0",
    "gatsby-plugin-manifest": "^5.16.0",
    "gatsby-plugin-no-sourcemaps": "^5.16.0",
    "gatsby-plugin-sharp": "^5.16.0",
    "gatsby-plugin-sitemap": "^6.16.0",
    "gatsby-source-filesystem": "^5.16.0",
    "gatsby-transformer-sharp": "^5.16.0",
    "hdr-color-input": "^0.4.3",
    "leva": "^0.10.1",
    "normalize.css": "^8.0.1",
    "r3f-perf": "^7.2.3",
    "react": "^19.2.8",
    "react-dom": "^19.2.8",
    "sharp": "^0.35.3",
    "three": "^0.185.1"
  },
  "devDependencies": {
    "@biomejs/biome": "^2.5.6",
    "gatsby-plugin-webpack-bundle-analyser-v2": "^1.1.32",
    "pwa-asset-generator": "^8.1.5"
  },
  "allowScripts": {
    "lmdb@2.5.2": true,
    "lmdb@2.5.3": true,
    "core-js@3.49.0": true,
    "core-js-pure@3.49.0": true,
    "es5-ext@0.10.64": true,
    "fsevents@2.3.3": true,
    "gatsby@5.16.1": true,
    "gatsby-cli@5.16.0": true,
    "sharp@0.32.6": true,
    "msgpackr-extract@3.0.4": true,
    "@parcel/watcher@2.6.0": true,
    "exifreader@4.41.3": true
  }
}