cssinjs/jss

UMD builds not working on import

Open

#1 567 ouverte le 21 oct. 2021

Voir sur GitHub
 (6 commentaires) (0 réactions) (0 assignés)JavaScript (7 000 stars) (434 forks)batch import
bugcomplexity:lowhelp wanted

Description

Expected behavior: I'm trying to implement react-jss via CDN. Importing the UMD build via <script> tag should work out of the box.

Describe the bug: The module does not load and the console generates the error as follows:

Uncaught ReferenceError: module is not defined
    at react-jss.min.js:6
    at react-jss.min.js:1
    at react-jss.min.js:1

Reproduction:

CodeSandbox - loading react, react-dom, and react-jss

Versions:

  • jss: 10.8.1
  • browser: any

Guide contributeur

Stack technique
javascriptreact
Domaine
frontendbuild system
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
half day
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Understanding of UMD module formatBasic bundler configuration knowledge
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
60
Direction de recherche
The issue is that the UMD bundle for react jss references `module` which is not defined in the browser. Investigate the Rollup configuration (likely `rollup.config.js` or `package.json` build scripts) to see how the UMD output is generated. Look for any missing `output.globals` or improper use of CommonJS. The fix may involve ensuring the bundle does not depend on `module` or adding a shim. Check the existing build setup and compare with other packages that successfully produce UMD bundles.