plotly / plotly/plotly.js

Global CSS cannot be imported from within node_modules.

Open
#7,170 3 comments 2 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug P2
Dominant language
JavaScript
Stars
18.3k
Forks
2k
Avg merge
2d 12h
Merged PRs (30d)
28

Description

Hi,
I get the following error with 2.35.2 when I try building with npm run build. It seems to be related to #7139 and #7145. What do I need to change to fix this error?

Thanks!

▲ Next.js 14.2.11

✓ Linting and checking validity of types
Creating an optimized production build ...
(node:8736) [DEP_WEBPACK_MODULE_ISSUER] DeprecationWarning: Module.issuer: Use new ModuleGraph API
(Use node --trace-deprecation ... to show where the warning was created)
Failed to compile.

./node_modules/maplibre-gl/dist/maplibre-gl.css
Global CSS cannot be imported from within node_modules.
Read more: https://nextjs.org/docs/messages/css-npm
Location: node_modules/plotly.js/src/registry.js

Import trace for requested module:
./node_modules/maplibre-gl/dist/maplibre-gl.css
./node_modules/plotly.js/src/registry.js
./node_modules/plotly.js/src/core.js
./node_modules/plotly.js/lib/core.js
./src/plotly-custom.js
./components/PlotlyChartDynamicLoad.js
./components/PlotlyChart.js

./node_modules/maplibre-gl/dist/maplibre-gl.css

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the failure with npm run build and follow the import trace from node_modules/maplibre-gl/dist/maplibre-gl.css through node_modules/plotly.js/src/registry.js to src/plotly-custom.js and the PlotlyChart components. Read related issues #7139 and #7145, then verify that the reported build completes without the Global CSS error.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, nextjs
Domain
data-visualization, frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.