projectstorm / react-diagrams

a super simple, no-nonsense diagramming library written in react that just works
https://projectstorm.cloud/react-diagrams
MIT License
8.71k stars 1.18k forks source link

Not Working #654

Closed DannyHinshaw closed 4 years ago

DannyHinshaw commented 4 years ago

How are ya'll getting anything with this library to actually work? I've had nothing but issues...

I've tried following the docs to setup a new project with v6 and ended up with a page that didn't seem to render anything, tried v5 and it was the same. Also both required me to manually install all peer dependencies (weird). I'm to the point now where I've cloned the repo and followed the instructions copy paste to run the demos:

"After running yarn install you must then run: cd packages/diagrams-demo-gallery && yarn run start"

That ends with these errors about missing modules:

ERROR in ./index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery'
 @ ./index.tsx 7:28-70
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/DefaultState.ts
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/DefaultState.ts 4:28-70
 @ ./demos/demo-alternative-linking/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/CreateLinkState.ts
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/CreateLinkState.ts 4:28-70
 @ ./demos/demo-alternative-linking/DefaultState.ts
 @ ./demos/demo-alternative-linking/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-animation/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-animation'
 @ ./demos/demo-animation/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-cloning/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-cloning'
 @ ./demos/demo-cloning/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-action/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-action'
 @ ./demos/demo-custom-action/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-link1/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-link1'
 @ ./demos/demo-custom-link1/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-link2/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-link2'
 @ ./demos/demo-custom-link2/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/index.tsx 10:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/DiamondNodeFactory.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/DiamondNodeFactory.tsx 7:28-70
 @ ./demos/demo-custom-node1/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/SimplePortFactory.ts
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/SimplePortFactory.ts 4:28-70
 @ ./demos/demo-custom-node1/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom_delete_keys/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom_delete_keys'
 @ ./demos/demo-custom_delete_keys/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-dagre/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-dagre'
 @ ./demos/demo-dagre/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-drag-and-drop/components/BodyWidget.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-drag-and-drop/components'
 @ ./demos/demo-drag-and-drop/components/BodyWidget.tsx 9:28-70
 @ ./demos/demo-drag-and-drop/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-dynamic-ports/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-dynamic-ports'
 @ ./demos/demo-dynamic-ports/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-grid/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-grid'
 @ ./demos/demo-grid/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-labelled-links/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-labelled-links'
 @ ./demos/demo-labelled-links/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-listeners/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-listeners'
 @ ./demos/demo-listeners/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-locks/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-locks'
 @ ./demos/demo-locks/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-mutate-graph/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-mutate-graph'
 @ ./demos/demo-mutate-graph/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-performance/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-performance'
 @ ./demos/demo-performance/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-right-angles-routing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-right-angles-routing'
 @ ./demos/demo-right-angles-routing/index.tsx 8:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-serializing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-serializing'
 @ ./demos/demo-serializing/index.tsx 8:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-simple/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-simple'
 @ ./demos/demo-simple/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-simple-flow/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-simple-flow'
 @ ./demos/demo-simple-flow/index.tsx 5:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-smart-routing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-smart-routing'
 @ ./demos/demo-smart-routing/index.tsx 7:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-zoom-to-fit/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-zoom-to-fit'
 @ ./demos/demo-zoom-to-fit/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-zoom-to-fit-nodes/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-canvas-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-zoom-to-fit-nodes'
 @ ./demos/demo-zoom-to-fit-nodes/index.tsx 6:28-70
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-animation/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-animation'
 @ ./demos/demo-animation/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-cloning/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-cloning'
 @ ./demos/demo-cloning/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-action/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-action'
 @ ./demos/demo-custom-action/index.tsx 5:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-link1/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-link1'
 @ ./demos/demo-custom-link1/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-link2/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-link2'
 @ ./demos/demo-custom-link2/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/DiamondNodeModel.ts
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/DiamondNodeModel.ts 4:25-64
 @ ./demos/demo-custom-node1/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/DiamondPortModel.ts
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/DiamondPortModel.ts 4:25-64
 @ ./demos/demo-custom-node1/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-node1/DiamondNodeWidget.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-node1'
 @ ./demos/demo-custom-node1/DiamondNodeWidget.tsx 5:25-64
 @ ./demos/demo-custom-node1/DiamondNodeFactory.tsx
 @ ./demos/demo-custom-node1/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom_delete_keys/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom_delete_keys'
 @ ./demos/demo-custom_delete_keys/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-dagre/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-dagre'
 @ ./demos/demo-dagre/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-drag-and-drop/Application.ts
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-drag-and-drop'
 @ ./demos/demo-drag-and-drop/Application.ts 4:12-51
 @ ./demos/demo-drag-and-drop/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-drag-and-drop/components/BodyWidget.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-drag-and-drop/components'
 @ ./demos/demo-drag-and-drop/components/BodyWidget.tsx 8:25-64
 @ ./demos/demo-drag-and-drop/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-dynamic-ports/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-dynamic-ports'
 @ ./demos/demo-dynamic-ports/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-grid/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-grid'
 @ ./demos/demo-grid/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-labelled-links/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-labelled-links'
 @ ./demos/demo-labelled-links/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-listeners/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-listeners'
 @ ./demos/demo-listeners/index.tsx 5:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-locks/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-locks'
 @ ./demos/demo-locks/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-mutate-graph/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-mutate-graph'
 @ ./demos/demo-mutate-graph/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-performance/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-performance'
 @ ./demos/demo-performance/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-right-angles-routing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-right-angles-routing'
 @ ./demos/demo-right-angles-routing/index.tsx 4:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-serializing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-serializing'
 @ ./demos/demo-serializing/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-simple/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-simple'
 @ ./demos/demo-simple/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-simple-flow/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-simple-flow'
 @ ./demos/demo-simple-flow/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-smart-routing/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-smart-routing'
 @ ./demos/demo-smart-routing/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-zoom-to-fit/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-zoom-to-fit'
 @ ./demos/demo-zoom-to-fit/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-zoom-to-fit-nodes/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-zoom-to-fit-nodes'
 @ ./demos/demo-zoom-to-fit-nodes/index.tsx 3:25-64
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/DefaultState.ts
Module not found: Error: Can't resolve '@projectstorm/react-diagrams-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/DefaultState.ts 5:30-74
 @ ./demos/demo-alternative-linking/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-alternative-linking/CreateLinkState.ts
Module not found: Error: Can't resolve '@projectstorm/react-diagrams-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-alternative-linking'
 @ ./demos/demo-alternative-linking/CreateLinkState.ts 5:30-74
 @ ./demos/demo-alternative-linking/DefaultState.ts
 @ ./demos/demo-alternative-linking/index.tsx
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

ERROR in ./demos/demo-custom-link2/index.tsx
Module not found: Error: Can't resolve '@projectstorm/react-diagrams-core' in '/Users/danny/Desktop/Personal/react-diagrams/packages/diagrams-demo-gallery/demos/demo-custom-link2'
 @ ./demos/demo-custom-link2/index.tsx 5:30-74
 @ ./index.tsx
 @ ./.storybook/config.js
 @ multi /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/common/polyfills.js /Users/danny/Desktop/Personal/react-diagrams/node_modules/@storybook/core/dist/server/preview/globals.js ./.storybook/config.js (webpack)-hot-middleware/client.js?reload=true&quiet=true

What am I missing? Am I doing something wrong?

renato-bohler commented 4 years ago

Hey there. Can you try running yarn build on the repository root, and then cd packages/diagrams-demo-gallery && yarn start again?

DannyHinshaw commented 4 years ago

@renato-bohler yes thanks, I just ran across https://github.com/projectstorm/react-diagrams/issues/406#issuecomment-534142125 and that worked. Should probably mentioned in the documentation.

I'm going to go back my project that is trying to use this package and try getting things to work again. Will post new issues, this can be closed.

renato-bohler commented 4 years ago

Should probably mentioned in the documentation.

Yeah, unfortunately the documentation is basically unreliable as of right now :disappointed:

robot007 commented 4 years ago

Hello Friends

I came across the same issue and "yarn build" does not help. Here is the error I got. Can anyone help? Thanks a lot!!

$ yarn build yarn run v1.21.1 error Command "build" not found. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. (base)

renato-bohler commented 4 years ago

Hello Friends

I came across the same issue and "yarn build" does not help. Here is the error I got. Can anyone help? Thanks a lot!!

$ yarn build yarn run v1.21.1 error Command "build" not found. info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command. (base)

In which folder you ran this? You need to run it on the project root (i.e. react-diagrams folder)