question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Examples don't build

See original GitHub issue

Steps:

  1. git clone https://github.com/drcmda/react-three-fiber.git
  2. cd react-three-fiber/examples
  3. yarn or npm install
  4. yarn start or npm start

Expected: Successful webpack output.

Actual

✖ 「wdm」:
ERROR in ./components/Tina.js
Module not found: Error: Can't resolve 'lodash-es/flatten' in '/home/tstelzer/dev/source/react-three-fiber/examples/components'
 @ ./components/Tina.js 5:0-37 24:51-55
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js

ERROR in ./components/Tina.js
Module not found: Error: Can't resolve 'three/src/Three' in '/home/tstelzer/dev/source/react-three-fiber/examples/components'
 @ ./components/Tina.js 1:0-41 10:12-22 89:10-26
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js

ERROR in ./node_modules/react-spring/three.js
Module not found: Error: Can't resolve 'three/src/Three' in '/home/tstelzer/dev/source/react-three-fiber/examples/node_modules/react-spring'
 @ ./node_modules/react-spring/three.js 1:0-41 1827:31-36
 @ ./components/Tina.js
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js

ERROR in ./resources/loaders/SVGLoader.js
Module not found: Error: Can't resolve 'three/src/Three' in '/home/tstelzer/dev/source/react-three-fiber/examples/resources/loaders'
 @ ./resources/loaders/SVGLoader.js 1:0-112 9:51-72 16:21-31 96:21-30 98:22-29 99:24-31 100:27-34 482:21-30 519:21-30 542:21-30 554:24-28 556:21-30 567:24-28 569:21-30 580:21-30 646:26-33 749:23-30 750:23-30 806:29-36 807:29-36 808:29-36 809:29-36 810:31-38
 @ ./components/Tina.js
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js

ERROR in ../src/canvas.js
Module not found: Error: Can't resolve 'three/src/Three' in '/home/tstelzer/dev/source/react-three-fiber/src'
 @ ../src/canvas.js 3:0-41 40:41-56 41:37-50 43:20-43 60:28-41 62:18-28 99:27-46 108:30-41
 @ ../index.js
 @ ./components/Tina.js
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js

ERROR in ../src/reconciler.js
Module not found: Error: Can't resolve 'three/src/Three' in '/home/tstelzer/dev/source/react-three-fiber/src'
 @ ../src/reconciler.js 1:0-41 85:38-43
 @ ../index.js
 @ ./components/Tina.js
 @ ./index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 index.js
ℹ 「wdm」: Failed to compile.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
drcmdacommented, Mar 12, 2019

Now it should work.

1reaction
drcmdacommented, Mar 12, 2019

oh, i see it. misses dependencies for three in package json, im fixing it.

Read more comments on GitHub >

github_iconTop Results From Across the Web

knadh/dont.build: A simple, opinionated decision ... - GitHub
A simple, opinionated decision system to help decide whether to build a software feature or not. - GitHub - knadh/dont.build: A simple, opinionated...
Read more >
Watch: A shocking real-life example of why you don't 'build ...
Watch: A shocking real-life example of why you don't 'build your house upon the sand'. By Haley Lundberg May 12, 2022 02:04 PM...
Read more >
Thread: how can i don't compile qt demos and examples?
Re: how can i don't compile qt demos and examples? Before running configure edit the projects.pro file: Before: Qt Code: Switch view.
Read more >
can't get the Pico Examples to build - Please help
I have tried on multiple computers. In the file objects1.rsp, which I don't know what that is, at the beginning of the file...
Read more >
DON'T BUILD HIM WRONG! Full C0 Cyno Guide & Review ...
DON'T BUILD HIM WRONG! ... Weapons with Comparisons 11:50 Example Builds 12:58 Team Options & Explanations 17:40 Constellations 20:16 Cyno ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found