neo4j-labs / neodash

NeoDash - a Dashboard Builder for Neo4j
https://neo4j.com/labs/neodash/
Apache License 2.0
411 stars 136 forks source link

Npm build fails on Module not found errors #30

Closed bartbroere closed 2 years ago

bartbroere commented 2 years ago

We are developing a neodash prototype, and we were interested in running the 2.0.0-preview version. We can’t get it to build unfortunately. I could post the full error log, but the main issue seems to be missing modules. We are using node 16. Is the package.json on the develop branch complete?

Apologies if we are just too early in wanting to try the new version.

(And thanks for developing neodash!)

nielsdejong commented 2 years ago

Hi Bart,

Thanks for reaching out! You're correct, there's most likely some early issues going on, that I didn't catch. Could you post the full error log with the list of missing dependencies?

I'm seeing that my local installation is still node 12. I think this had something to do with NeoDash 1.X using some outdated library. That should be resolved now with v2.0, I hope. Let me see if I can do a clean install with node 16 on my side too. Will post an update here.

bartbroere commented 2 years ago

Hi Niels, The pull request (#31) mentioned here should fix both the "Module not found" errors for several packages, and an issue where the nullish coalescing operator (two question marks: ??) was not processed by babel, because it occurred in the folder node_modules. The package react-leaflet uses this operator. There might be a better way, because for now I fixed it by including the entire folder node_modules in the webpack configuration.

bartbroere commented 2 years ago

Here's the error, by the way:

ERROR in ./node_modules/@react-leaflet/core/esm/layer.js 8:46
Module parse failed: Unexpected token (8:46)
File was processed with these loaders:
 * ./node_modules/source-map-loader/dist/cjs.js
You may need an additional loader to handle the result of these loaders.
| export function useLayerLifecycle(element, context) {
|   useEffect(function addLayer() {
>     const container = context.layerContainer ?? context.map;
|     container.addLayer(element.instance);
|     return function removeLayer() {
 @ ./node_modules/@react-leaflet/core/esm/index.js 12:0-61 12:0-61 12:0-61
 @ ./node_modules/react-leaflet/esm/hooks.js
 @ ./node_modules/react-leaflet/esm/index.js
 @ ./src/chart/MapChart.tsx
 @ ./src/config/ReportConfig.tsx
 @ ./src/report/CypherQueryRunner.tsx
 @ ./src/application/ApplicationThunks.tsx
 @ ./src/application/Application.tsx
 @ ./src/index.tsx
ghost commented 2 years ago

Interesting project! 😄

I also tried building the development branch:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: neodash@2.0.0-preview
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR!   react@"^16.12.0" from the root project
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.3
npm ERR!   node_modules/@material-ui/core
npm ERR!     @material-ui/core@"^4.12.1" from the root project
npm ERR!     peer @material-ui/core@"^4.12.0 || ^5.0.0-beta.0" from @mui/x-data-grid@4.0.2
npm ERR!     node_modules/@mui/x-data-grid
npm ERR!       @mui/x-data-grid@"^4.0.1" from the root project
npm ERR!   2 more (react-dom, @material-ui/styles)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm ERR! node_modules/@mui/x-data-grid
npm ERR!   @mui/x-data-grid@"^4.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/u/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/u/.npm/_logs/2021-11-25T10_32_32_036Z-debug.log

node --version
v16.13.0

With the pull request from @bartbroere I get the following errors:

neodash-bartbroere % npm install 
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: neodash@2.0.0-preview
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR!   react@"^16.14.0" from the root project
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.3
npm ERR!   node_modules/@material-ui/core
npm ERR!     @material-ui/core@"^4.12.3" from the root project
npm ERR!     peer @material-ui/core@"^4.12.0 || ^5.0.0-beta.0" from @mui/x-data-grid@4.0.2
npm ERR!     node_modules/@mui/x-data-grid
npm ERR!       @mui/x-data-grid@"^4.0.1" from the root project
npm ERR!   2 more (react-dom, @material-ui/styles)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm ERR! node_modules/@mui/x-data-grid
npm ERR!   @mui/x-data-grid@"^4.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/u/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/u/.npm/_logs/2021-11-25T10_35_52_318Z-debug.log

neodash-bartbroere % node --version
v16.13.0

Afterwards running npm run dev gives below error:

> neodash@2.0.0-preview dev
> npx webpack-dev-server --mode development

CLI for webpack must be installed.
  webpack-cli (https://github.com/webpack/webpack-cli)

We will use "npm" to install the CLI via "npm install -D webpack-cli".
Do you want to install 'webpack-cli' (yes/no): yes
Installing 'webpack-cli' (running 'npm install -D webpack-cli')...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: neodash@2.0.0-preview
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR!   react@"^16.14.0" from the root project
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.3
npm ERR!   node_modules/@material-ui/core
npm ERR!     @material-ui/core@"^4.12.3" from the root project
npm ERR!     peer @material-ui/core@"^4.12.0 || ^5.0.0-beta.0" from @mui/x-data-grid@4.0.2
npm ERR!     node_modules/@mui/x-data-grid
npm ERR!       @mui/x-data-grid@"^4.0.1" from the root project
npm ERR!   2 more (react-dom, @material-ui/styles)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm ERR! node_modules/@mui/x-data-grid
npm ERR!   @mui/x-data-grid@"^4.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/u/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/u/.npm/_logs/2021-11-25T10_38_40_706Z-debug.log
bartbroere commented 2 years ago

I may have ran npm install --force at one point, so some version conflicts might still exist between the dependencies.

ghost commented 2 years ago

Tried with npm install --force from a freshly pulled https://github.com/bartbroere/neodash/tree/develop without success:

neodash-bartbroere % npm install --force
npm WARN using --force Recommended protections disabled.
⸨⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⠂⸩ ⠼ idealTree:neodash-bartbroere: sill idealTree buildDeps
npm WARN ERESOLVE overriding peer dependency
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @mui/x-data-grid@4.0.2
npm WARN Found: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^17.0.2" from @material-ui/utils@5.0.0-beta.5
npm WARN   node_modules/@mui/x-data-grid/node_modules/@material-ui/utils
npm WARN     @material-ui/utils@"^5.0.0-beta.4" from @mui/x-data-grid@4.0.2
npm WARN     node_modules/@mui/x-data-grid
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm WARN node_modules/@mui/x-data-grid
npm WARN   @mui/x-data-grid@"^4.0.1" from the root project
npm WARN 
npm WARN Conflicting peer dependency: react@17.0.2
npm WARN node_modules/react
npm WARN   peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm WARN   node_modules/@mui/x-data-grid
npm WARN     @mui/x-data-grid@"^4.0.1" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @react-leaflet/core@1.1.1
npm WARN Found: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^17.0.2" from @material-ui/utils@5.0.0-beta.5
npm WARN   node_modules/@mui/x-data-grid/node_modules/@material-ui/utils
npm WARN     @material-ui/utils@"^5.0.0-beta.4" from @mui/x-data-grid@4.0.2
npm WARN     node_modules/@mui/x-data-grid
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"^17.0.1" from @react-leaflet/core@1.1.1
npm WARN node_modules/@react-leaflet/core
npm WARN   @react-leaflet/core@"^1.0.2" from the root project
npm WARN   1 more (react-leaflet)
npm WARN 
npm WARN Conflicting peer dependency: react@17.0.2
npm WARN node_modules/react
npm WARN   peer react@"^17.0.1" from @react-leaflet/core@1.1.1
npm WARN   node_modules/@react-leaflet/core
npm WARN     @react-leaflet/core@"^1.0.2" from the root project
npm WARN     1 more (react-leaflet)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @react-leaflet/core@1.1.1
npm WARN Found: react-dom@16.14.0
npm WARN node_modules/react-dom
npm WARN   react-dom@"^16.12.0" from the root project
npm WARN   13 more (@material-ui/core, @material-ui/icons, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^17.0.1" from @react-leaflet/core@1.1.1
npm WARN node_modules/@react-leaflet/core
npm WARN   @react-leaflet/core@"^1.0.2" from the root project
npm WARN   1 more (react-leaflet)
npm WARN 
npm WARN Conflicting peer dependency: react-dom@17.0.2
npm WARN node_modules/react-dom
npm WARN   peer react-dom@"^17.0.1" from @react-leaflet/core@1.1.1
npm WARN   node_modules/@react-leaflet/core
npm WARN     @react-leaflet/core@"^1.0.2" from the root project
npm WARN     1 more (react-leaflet)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: cypher-codemirror@1.1.7
npm WARN Found: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^17.0.2" from @material-ui/utils@5.0.0-beta.5
npm WARN   node_modules/@mui/x-data-grid/node_modules/@material-ui/utils
npm WARN     @material-ui/utils@"^5.0.0-beta.4" from @mui/x-data-grid@4.0.2
npm WARN     node_modules/@mui/x-data-grid
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"^15.6.1" from cypher-codemirror@1.1.7
npm WARN node_modules/cypher-codemirror
npm WARN   cypher-codemirror@"^1.1.7" from the root project
npm WARN   1 more (graph-app-kit)
npm WARN 
npm WARN Conflicting peer dependency: react@15.7.0
npm WARN node_modules/react
npm WARN   peer react@"^15.6.1" from cypher-codemirror@1.1.7
npm WARN   node_modules/cypher-codemirror
npm WARN     cypher-codemirror@"^1.1.7" from the root project
npm WARN     1 more (graph-app-kit)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: cypher-codemirror@1.1.7
npm WARN Found: react-dom@16.14.0
npm WARN node_modules/react-dom
npm WARN   react-dom@"^16.12.0" from the root project
npm WARN   13 more (@material-ui/core, @material-ui/icons, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^15.6.1" from cypher-codemirror@1.1.7
npm WARN node_modules/cypher-codemirror
npm WARN   cypher-codemirror@"^1.1.7" from the root project
npm WARN   1 more (graph-app-kit)
npm WARN 
npm WARN Conflicting peer dependency: react-dom@15.7.0
npm WARN node_modules/react-dom
npm WARN   peer react-dom@"^15.6.1" from cypher-codemirror@1.1.7
npm WARN   node_modules/cypher-codemirror
npm WARN     cypher-codemirror@"^1.1.7" from the root project
npm WARN     1 more (graph-app-kit)
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: graph-app-kit@1.0.4
npm WARN Found: neo4j-driver@4.4.1
npm WARN node_modules/neo4j-driver
npm WARN   neo4j-driver@"^4.3.2" from the root project
npm WARN   1 more (use-neo4j)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer neo4j-driver@"^1.6.0" from graph-app-kit@1.0.4
npm WARN node_modules/graph-app-kit
npm WARN   graph-app-kit@"https://neo.jfrog.io/neo/api/npm/npm/graph-app-kit/-/graph-app-kit-1.0.4.tgz" from the root project
npm WARN 
npm WARN Conflicting peer dependency: neo4j-driver@1.7.8
npm WARN node_modules/neo4j-driver
npm WARN   peer neo4j-driver@"^1.6.0" from graph-app-kit@1.0.4
npm WARN   node_modules/graph-app-kit
npm WARN     graph-app-kit@"https://neo.jfrog.io/neo/api/npm/npm/graph-app-kit/-/graph-app-kit-1.0.4.tgz" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-leaflet@3.2.2
npm WARN Found: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^17.0.2" from @material-ui/utils@5.0.0-beta.5
npm WARN   node_modules/@mui/x-data-grid/node_modules/@material-ui/utils
npm WARN     @material-ui/utils@"^5.0.0-beta.4" from @mui/x-data-grid@4.0.2
npm WARN     node_modules/@mui/x-data-grid
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@"^17.0.1" from react-leaflet@3.2.2
npm WARN node_modules/react-leaflet
npm WARN   react-leaflet@"^3.1.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: react@17.0.2
npm WARN node_modules/react
npm WARN   peer react@"^17.0.1" from react-leaflet@3.2.2
npm WARN   node_modules/react-leaflet
npm WARN     react-leaflet@"^3.1.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-leaflet@3.2.2
npm WARN Found: react-dom@16.14.0
npm WARN node_modules/react-dom
npm WARN   react-dom@"^16.12.0" from the root project
npm WARN   13 more (@material-ui/core, @material-ui/icons, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-dom@"^17.0.1" from react-leaflet@3.2.2
npm WARN node_modules/react-leaflet
npm WARN   react-leaflet@"^3.1.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: react-dom@17.0.2
npm WARN node_modules/react-dom
npm WARN   peer react-dom@"^17.0.1" from react-leaflet@3.2.2
npm WARN   node_modules/react-leaflet
npm WARN     react-leaflet@"^3.1.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: react-leaflet-enhanced-marker@1.0.21
npm WARN Found: react-leaflet@3.2.2
npm WARN node_modules/react-leaflet
npm WARN   react-leaflet@"^3.1.0" from the root project
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-leaflet@"^2.4.0" from react-leaflet-enhanced-marker@1.0.21
npm WARN node_modules/react-leaflet-enhanced-marker
npm WARN   react-leaflet-enhanced-marker@"^1.0.21" from the root project
npm WARN 
npm WARN Conflicting peer dependency: react-leaflet@2.8.0
npm WARN node_modules/react-leaflet
npm WARN   peer react-leaflet@"^2.4.0" from react-leaflet-enhanced-marker@1.0.21
npm WARN   node_modules/react-leaflet-enhanced-marker
npm WARN     react-leaflet-enhanced-marker@"^1.0.21" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: semantic-ui-react@0.74.2
npm WARN Found: react@16.14.0
npm WARN node_modules/react
npm WARN   peer react@"^17.0.2" from @material-ui/utils@5.0.0-beta.5
npm WARN   node_modules/@mui/x-data-grid/node_modules/@material-ui/utils
npm WARN     @material-ui/utils@"^5.0.0-beta.4" from @mui/x-data-grid@4.0.2
npm WARN     node_modules/@mui/x-data-grid
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react@">=0.14.0 <= 15" from semantic-ui-react@0.74.2
npm WARN node_modules/semantic-ui-react
npm WARN   semantic-ui-react@"^0.74.2" from graph-app-kit@1.0.4
npm WARN   node_modules/graph-app-kit
npm WARN 
npm WARN Conflicting peer dependency: react@15.7.0
npm WARN node_modules/react
npm WARN   peer react@">=0.14.0 <= 15" from semantic-ui-react@0.74.2
npm WARN   node_modules/semantic-ui-react
npm WARN     semantic-ui-react@"^0.74.2" from graph-app-kit@1.0.4
npm WARN     node_modules/graph-app-kit
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: semantic-ui-react@0.74.2
npm WARN Found: react-dom@16.14.0
npm WARN node_modules/react-dom
npm WARN   react-dom@"^16.12.0" from the root project
npm WARN   13 more (@material-ui/core, @material-ui/icons, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer react-dom@">=0.14.0 <= 15" from semantic-ui-react@0.74.2
npm WARN node_modules/semantic-ui-react
npm WARN   semantic-ui-react@"^0.74.2" from graph-app-kit@1.0.4
npm WARN   node_modules/graph-app-kit
npm WARN 
npm WARN Conflicting peer dependency: react-dom@15.7.0
npm WARN node_modules/react-dom
npm WARN   peer react-dom@">=0.14.0 <= 15" from semantic-ui-react@0.74.2
npm WARN   node_modules/semantic-ui-react
npm WARN     semantic-ui-react@"^0.74.2" from graph-app-kit@1.0.4
npm WARN     node_modules/graph-app-kit
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ts-loader@9.2.6
npm WARN Found: webpack@4.46.0
npm WARN node_modules/webpack
npm WARN   dev webpack@"^4.46.0" from the root project
npm WARN   7 more (babel-loader, css-loader, file-loader, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer webpack@"^5.0.0" from ts-loader@9.2.6
npm WARN node_modules/ts-loader
npm WARN   dev ts-loader@"^9.2.3" from the root project
npm WARN 
npm WARN Conflicting peer dependency: webpack@5.64.3
npm WARN node_modules/webpack
npm WARN   peer webpack@"^5.0.0" from ts-loader@9.2.6
npm WARN   node_modules/ts-loader
npm WARN     dev ts-loader@"^9.2.3" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: ts-mocha@8.0.0
npm WARN Found: mocha@9.1.3
npm WARN node_modules/mocha
npm WARN   dev mocha@"^9.0.2" from the root project
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer mocha@"^3.X.X || ^4.X.X || ^5.X.X || ^6.X.X || ^7.X.X || ^8.X.X" from ts-mocha@8.0.0
npm WARN node_modules/ts-mocha
npm WARN   dev ts-mocha@"^8.0.0" from the root project
npm WARN 
npm WARN Conflicting peer dependency: mocha@8.4.0
npm WARN node_modules/mocha
npm WARN   peer mocha@"^3.X.X || ^4.X.X || ^5.X.X || ^6.X.X || ^7.X.X || ^8.X.X" from ts-mocha@8.0.0
npm WARN   node_modules/ts-mocha
npm WARN     dev ts-mocha@"^8.0.0" from the root project
npm ERR! code 1
npm ERR! git dep preparation failed
npm ERR! command /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js install --force --cache=/Users/u/.npm --prefer-offline=false --prefer-online=false --offline=false --no-progress --no-save --no-audit --include=dev --include=peer --include=optional --no-package-lock-only --no-dry-run
npm ERR! > @graphapps/charts@1.0.11 prepare
npm ERR! > npm run build
npm ERR! 
npm ERR! 
npm ERR! > @graphapps/charts@1.0.11 build
npm ERR! > tsc
npm ERR! 
npm ERR! src/store/index.ts(12,1): error TS4082: Default export of the module has or is using private name '$CombinedState'.
npm ERR! npm WARN using --force Recommended protections disabled.
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN While resolving: @nivo/annotations@0.63.1
npm ERR! npm WARN Found: @nivo/core@0.65.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   @nivo/core@"^0.65.0" from the root project
npm ERR! npm WARN   13 more (@nivo/bar, @nivo/bump, @nivo/calendar, ...)
npm ERR! npm WARN 
npm ERR! npm WARN Could not resolve dependency:
npm ERR! npm WARN peer @nivo/core@"0.62.0" from @nivo/annotations@0.63.1
npm ERR! npm WARN node_modules/@nivo/annotations
npm ERR! npm WARN   peer @nivo/annotations@"0.63.1" from @nivo/funnel@0.65.1
npm ERR! npm WARN   node_modules/@nivo/funnel
npm ERR! npm WARN 
npm ERR! npm WARN Conflicting peer dependency: @nivo/core@0.62.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   peer @nivo/core@"0.62.0" from @nivo/annotations@0.63.1
npm ERR! npm WARN   node_modules/@nivo/annotations
npm ERR! npm WARN     peer @nivo/annotations@"0.63.1" from @nivo/funnel@0.65.1
npm ERR! npm WARN     node_modules/@nivo/funnel
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN While resolving: @nivo/chord@0.67.0
npm ERR! npm WARN Found: @nivo/core@0.65.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   @nivo/core@"^0.65.0" from the root project
npm ERR! npm WARN   13 more (@nivo/bar, @nivo/bump, @nivo/calendar, ...)
npm ERR! npm WARN 
npm ERR! npm WARN Could not resolve dependency:
npm ERR! npm WARN peer @nivo/core@"0.67.0" from @nivo/chord@0.67.0
npm ERR! npm WARN node_modules/@nivo/chord
npm ERR! npm WARN   @nivo/chord@"^0.67.0" from the root project
npm ERR! npm WARN 
npm ERR! npm WARN Conflicting peer dependency: @nivo/core@0.67.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   peer @nivo/core@"0.67.0" from @nivo/chord@0.67.0
npm ERR! npm WARN   node_modules/@nivo/chord
npm ERR! npm WARN     @nivo/chord@"^0.67.0" from the root project
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN While resolving: @nivo/tooltip@0.63.0
npm ERR! npm WARN Found: @nivo/core@0.65.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   @nivo/core@"^0.65.0" from the root project
npm ERR! npm WARN   13 more (@nivo/bar, @nivo/bump, @nivo/calendar, ...)
npm ERR! npm WARN 
npm ERR! npm WARN Could not resolve dependency:
npm ERR! npm WARN peer @nivo/core@"0.62.0" from @nivo/tooltip@0.63.0
npm ERR! npm WARN node_modules/@nivo/tooltip
npm ERR! npm WARN   peer @nivo/tooltip@"0.63.0" from @nivo/core@0.65.0
npm ERR! npm WARN   node_modules/@nivo/core
npm ERR! npm WARN   1 more (@nivo/funnel)
npm ERR! npm WARN 
npm ERR! npm WARN Conflicting peer dependency: @nivo/core@0.62.0
npm ERR! npm WARN node_modules/@nivo/core
npm ERR! npm WARN   peer @nivo/core@"0.62.0" from @nivo/tooltip@0.63.0
npm ERR! npm WARN   node_modules/@nivo/tooltip
npm ERR! npm WARN     peer @nivo/tooltip@"0.63.0" from @nivo/core@0.65.0
npm ERR! npm WARN     node_modules/@nivo/core
npm ERR! npm WARN     1 more (@nivo/funnel)
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN While resolving: react-apollo@3.1.5
npm ERR! npm WARN Found: graphql@15.5.0
npm ERR! npm WARN node_modules/graphql
npm ERR! npm WARN   peer graphql@"^14.3.1" from @apollo/react-common@3.1.4
npm ERR! npm WARN   node_modules/react-apollo/node_modules/@apollo/react-common
npm ERR! npm WARN     @apollo/react-common@"^3.1.4" from react-apollo@3.1.5
npm ERR! npm WARN     node_modules/react-apollo
npm ERR! npm WARN 
npm ERR! npm WARN Could not resolve dependency:
npm ERR! npm WARN peer graphql@"^14.3.1" from react-apollo@3.1.5
npm ERR! npm WARN node_modules/react-apollo
npm ERR! npm WARN   react-apollo@"^3.1.5" from the root project
npm ERR! npm WARN 
npm ERR! npm WARN Conflicting peer dependency: graphql@14.7.0
npm ERR! npm WARN node_modules/graphql
npm ERR! npm WARN   peer graphql@"^14.3.1" from react-apollo@3.1.5
npm ERR! npm WARN   node_modules/react-apollo
npm ERR! npm WARN     react-apollo@"^3.1.5" from the root project
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN ERESOLVE overriding peer dependency
npm ERR! npm WARN deprecated react-testing-library@8.0.1: 🚨  react-testing-library has moved to @testing-library/react. Please uninstall react-testing-library and install @testing-library/react instead, or use an older version of react-testing-library. Learn more about this change here: https://github.com/testing-library/dom-testing-library/issues/260 Thanks! :)
npm ERR! npm WARN deprecated flatten@1.0.3: flatten is deprecated in favor of utility frameworks such as lodash.
npm ERR! npm WARN deprecated @hapi/bourne@1.3.2: This version has been deprecated and is no longer supported or maintained
npm ERR! npm WARN deprecated @hapi/topo@3.1.6: This version has been deprecated and is no longer supported or maintained
npm ERR! npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm ERR! npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm ERR! npm WARN deprecated react-three-fiber@6.0.13: react-three-fiber has been deprecated, please use @react-three/fiber from now on
npm ERR! npm WARN deprecated sane@4.1.0: some dependency vulnerabilities fixed, support for node < 10 dropped, and newer ECMAScript syntax/features added
npm ERR! npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm ERR! npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm ERR! npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
npm ERR! npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm ERR! npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm ERR! npm WARN deprecated redux-devtools-instrument@1.10.0: Package moved to @redux-devtools/instrument.
npm ERR! npm WARN deprecated redux-devtools@3.7.0: Package moved to @redux-devtools/core.
npm ERR! npm WARN deprecated babel-eslint@10.1.0: babel-eslint is now @babel/eslint-parser. This package will no longer receive updates.
npm ERR! npm WARN deprecated @hapi/address@2.1.4: Moved to 'npm install @sideway/address'
npm ERR! npm WARN deprecated rollup-plugin-babel@4.4.0: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-babel.
npm ERR! npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm ERR! npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm ERR! npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
npm ERR! npm WARN deprecated @hapi/hoek@8.5.1: This version has been deprecated and is no longer supported or maintained
npm ERR! npm WARN deprecated uglify-es@3.3.9: support for ECMAScript is superseded by `uglify-js` as of v3.13.0
npm ERR! npm WARN deprecated @hapi/joi@15.1.1: Switch to 'npm install joi'
npm ERR! npm WARN deprecated svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
npm ERR! npm WARN deprecated core-js@1.2.7: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! npm WARN deprecated core-js@2.6.12: core-js@<3.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.
npm ERR! npm WARN using --force Recommended protections disabled.
npm ERR! npm ERR! code 1
npm ERR! npm ERR! path /Users/u/.npm/_cacache/tmp/git-cloneaQmcgp
npm ERR! npm ERR! command failed
npm ERR! npm ERR! command sh -c npm run build
npm ERR! 
npm ERR! npm ERR! A complete log of this run can be found in:
npm ERR! npm ERR!     /Users/u/.npm/_logs/2021-11-25T11_07_52_117Z-debug.log

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/u/.npm/_logs/2021-11-25T11_08_34_443Z-debug.log
neodash-bartbroere % npm run dev        

> neodash@2.0.0-preview dev
> npx webpack-dev-server --mode development

CLI for webpack must be installed.
  webpack-cli (https://github.com/webpack/webpack-cli)

We will use "npm" to install the CLI via "npm install -D webpack-cli".
Do you want to install 'webpack-cli' (yes/no): yes
Installing 'webpack-cli' (running 'npm install -D webpack-cli')...
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: neodash@2.0.0-preview
npm ERR! Found: react@16.14.0
npm ERR! node_modules/react
npm ERR!   react@"^16.14.0" from the root project
npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.3
npm ERR!   node_modules/@material-ui/core
npm ERR!     @material-ui/core@"^4.12.3" from the root project
npm ERR!     peer @material-ui/core@"^4.12.0 || ^5.0.0-beta.0" from @mui/x-data-grid@4.0.2
npm ERR!     node_modules/@mui/x-data-grid
npm ERR!       @mui/x-data-grid@"^4.0.1" from the root project
npm ERR!   2 more (react-dom, @material-ui/styles)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.0" from @mui/x-data-grid@4.0.2
npm ERR! node_modules/@mui/x-data-grid
npm ERR!   @mui/x-data-grid@"^4.0.1" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /Users/u/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/u/.npm/_logs/2021-11-25T11_11_56_580Z-debug.log
undefined
bartbroere commented 2 years ago

I did this on Node 12 instead of Node 16, since @nielsdejong also uses this.

ghost commented 2 years ago

On Node 12 and the pull request from @bartbroere installation was successful with npm install. No need to --force.

nielsdejong commented 2 years ago

Thanks @bartbroere @JipSogeti - I've just added a small comment on the PR that could help fix the babel issue in a somewhat cleaner way.

I think for now I'll add a note to the README that specifies to use node v12 when building the app. I'd like to make things work with node v16 in the future, will make a separate issue for this.

Cheers, Niels