search

carbon-design-system / carbon-charts

:bar_chart: :chart_with_upwards_trend:⠀Robust dataviz framework implemented using D3 & typescript
https://charts.carbondesignsystem.com
Apache License 2.0
904 stars 184 forks source link

[Bug]: Attempting to `import '@carbon/charts-react/styles.css'` throws 'no such file or directory' #1686

Closed pwharned closed 10 months ago

pwharned commented 11 months ago

Name

Patrick Harned

Are you an IBM employee?

What happened?

Attempting to import style sheets for carbon-react charts results in a 'no such file or directory error' due to apparent reduplication of 'node_modules' in resolved path. 

import React, { Component } from 'react';
import { Button, Content,Theme } from '@carbon/react';
import { Route, Switch, BrowserRouter } from 'react-router-dom';
import '@carbon/charts-react/styles.css'

class App extends Component {
  render() {
    return (
      <>
       <BrowserRouter>
        <BrowserRouter>
  <Theme theme="g100">
  </Theme>
  <Content>
    <Switch>
    </Switch>
  </Content>
</BrowserRouter>
</BrowserRouter> 
      </>
    );
  }
}

export default App;

image

Version

{
  "name": "carbon-tutorial",
  "version": "0.0.0",
  "license": "Apache-2.0",
  "scripts": {
    "v": "node -v",
    "build": "react-scripts build",
    "ci-check": "yarn format:diff",
    "clean": "yarn cache clean && yarn install",
    "eject": "react-scripts eject",
    "format": "prettier --write \"**/*.{js,md,scss}\"",
    "format:diff": "prettier --list-different \"**/*.{js,md,scss}\"",
    "format:staged": "prettier --write",
    "start": "react-scripts start",
    "test": "react-scripts test"
  },
  "dependencies": {
    "sass": "^1.33.0",
    "@carbon/charts-react": "1.13.8",
    "@carbon/react": "^1.42.0",
    "node": "^20.7.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router-dom": "^5.1.0",
    "react-scripts": "5.0.1"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

Data & options used

No data, just trying to import styles.

Relevant log output

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_chart-holder.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_chart-holder.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_chart-wrapper.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_chart-wrapper.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_colors.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_colors.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_tokens.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_tokens.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_transition.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_transition.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_type.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/_type.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_axis.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_axis.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_callouts.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_callouts.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_color-legend.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_color-legend.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_grid-brush.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_grid-brush.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_grid.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_grid.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_highlights.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_highlights.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_layout.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_layout.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_legend.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_legend.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_meter-title.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_meter-title.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_ruler.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_ruler.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_skeleton-lines.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_skeleton-lines.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_skeleton.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_skeleton.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_threshold.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_threshold.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_title.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_title.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_tooltip.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_tooltip.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_zero-line.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_zero-line.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_zoom-bar.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/_zoom-bar.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_card-node.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_card-node.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_edge.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_edge.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_marker.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_marker.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_shape-node.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/diagrams/_shape-node.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/toolbar/_buttons.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/toolbar/_buttons.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/toolbar/_modal.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/components/toolbar/_modal.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_alluvial.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_alluvial.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_area.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_area.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_bubble.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_bubble.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_bullet.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_bullet.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_choropleth.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_choropleth.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_circle-pack.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_circle-pack.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_donut.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_donut.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_gauge.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_gauge.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_heatmap.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_heatmap.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_line.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_line.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_lollipop.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_lollipop.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_meter.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_meter.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_pie.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_pie.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_radar.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_radar.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_scatter-stacked.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_scatter-stacked.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_scatter.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_scatter.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_tree.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_tree.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_treemap.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_treemap.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_wordcloud.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/@carbon/charts-react/scss/graphs/_wordcloud.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/colors/index.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/colors/index.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/layout/scss/_convert.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/layout/scss/_convert.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/layout/scss/generated/_spacing.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/layout/scss/generated/_spacing.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/motion/index.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/motion/index.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/components/button/_tokens.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/components/button/_tokens.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/theme/_theme.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/theme/_theme.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/utilities/_custom-property.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/utilities/_custom-property.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/utilities/_focus-outline.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/styles/scss/utilities/_focus-outline.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/themes/scss/_theme.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/themes/scss/_theme.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/themes/scss/generated/_tokens.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/themes/scss/generated/_tokens.scss'

WARNING in ./node_modules/@carbon/charts-react/dist/styles.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modules/@carbon/charts-react/dist/styles.css)
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/type/scss/_styles.scss' file: Error: ENOENT: no such file or directory, open '/home/pat/Projects/test/chart-test/node_modules/node_modules/@carbon/type/scss/_styles.scss'



### Codesandbox example

git@github.com:pwharned/carbon-charts.git

### What priority level would this be in your opinion?

P0
pwharned commented 11 months ago

github link has a minimal example that reproduces the issue, at some point the node_modules directory is being reduplicated, looks like an issue with relative path resolution

nstuyvesant commented 10 months ago

Hi @pwharned,

react-scripts, which is a part of Create React App (CRA), does not natively use the exports field in package.json for resolving paths in the same way that more modern tools like Vite do. It relies on Webpack for bundling and module resolution (and you can see this in your logs - css-loader, postcss-loader, etc.).

Webpack, especially in the configurations used by react-scripts, relies on a different set of conventions and configurations for resolving module paths. While newer versions of Webpack have some support for the exports field in package.json, it's not used as extensively or in the same manner as in tools like Vite or more recent Node.js environments.

Long-story short, please import the styles from @carbon/charts-react/dist/styles.css instead.

Will discuss adjustments to the Read Me for Webpack users with @theiliad.