Scaffold generator trips up Webpack and prevent dev or build from running

Get Help and Help Others
1

Hi!

I recently started working with Redwood and everything has worked perfectly until now. After having run yarn rw g sdl <model> and yarn rw g scaffold <model> successfully for all of the models in my prisma file, when I run yarn rw g scaffold PickupRoute, all the files are generated successfully, but when I run or build the project I get the following errors (I shortened it because there are 53 errors that look exactly the same):

...
web | ERROR in ./src/components/PickupRoute/PickupRoutes/PickupRoutes.tsx 221:16-62
web | Module not found: Error: Can't resolve './pages/User/NewUserPage/NewUserPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
web | resolve './pages/User/NewUserPage/NewUserPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
web |   using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes)
web |     Field 'browser' doesn't contain a valid alias configuration
web |     using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage)
web |       no extension
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage doesn't exist
web |       .wasm
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.wasm doesn't exist
web |       .mjs
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.mjs doesn't exist
web |       .js
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.js doesn't exist
web |       .jsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.jsx doesn't exist
web |       .ts
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.ts doesn't exist
web |       .tsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.tsx doesn't exist
web |       .json
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage.json doesn't exist
web |       as directory
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/NewUserPage/NewUserPage doesn't exist
web |  @ ./src/components/PickupRoute/PickupRoutesCell/PickupRoutesCell.tsx 15:0-56 36:42-54
web |  @ ./src/pages/PickupRoute/PickupRoutesPage/PickupRoutesPage.tsx 4:0-97 7:42-58
web |  @ ./src/Routes.tsx 133:16-79
web |  @ ./src/App.tsx 32:0-30 76:100-106
web |  @ ../node_modules/@redwoodjs/web/dist/entry/index.js 9:45-73
web | 
web | ERROR in ./src/components/PickupRoute/PickupRoutes/PickupRoutes.tsx 225:16-56
web | Module not found: Error: Can't resolve './pages/User/UserPage/UserPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
web | resolve './pages/User/UserPage/UserPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
web |   using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes)
web |     Field 'browser' doesn't contain a valid alias configuration
web |     using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage)
web |       no extension
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage doesn't exist
web |       .wasm
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.wasm doesn't exist
web |       .mjs
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.mjs doesn't exist
web |       .js
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.js doesn't exist
web |       .jsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.jsx doesn't exist
web |       .ts
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.ts doesn't exist
web |       .tsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.tsx doesn't exist
web |       .json
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage.json doesn't exist
web |       as directory
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UserPage/UserPage doesn't exist
web |  @ ./src/components/PickupRoute/PickupRoutesCell/PickupRoutesCell.tsx 15:0-56 36:42-54
web |  @ ./src/pages/PickupRoute/PickupRoutesPage/PickupRoutesPage.tsx 4:0-97 7:42-58
web |  @ ./src/Routes.tsx 133:16-79
web |  @ ./src/App.tsx 32:0-30 76:100-106
web |  @ ../node_modules/@redwoodjs/web/dist/entry/index.js 9:45-73
web | 
web | ERROR in ./src/components/PickupRoute/PickupRoutes/PickupRoutes.tsx 229:16-58
web | Module not found: Error: Can't resolve './pages/User/UsersPage/UsersPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
web | resolve './pages/User/UsersPage/UsersPage' in '/Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes'
  using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes)
web |     Field 'browser' doesn't contain a valid alias configuration
web |     using description file: /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/package.json (relative path: ./src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage)
web |       no extension
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage doesn't exist
web |       .wasm
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.wasm doesn't exist
web |       .mjs
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.mjs doesn't exist
web |       .js
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.js doesn't exist
web |       .jsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.jsx doesn't exist
web |       .ts
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.ts doesn't exist
web |       .tsx
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.tsx doesn't exist
web |       .json
web |         Field 'browser' doesn't contain a valid alias configuration
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage.json doesn't exist
web |       as directory
web |         /Users/inakiarango/Documents/Work/Recyco/Repositories/recyco-backend/web/src/components/PickupRoute/PickupRoutes/pages/User/UsersPage/UsersPage doesn't exist
web |  @ ./src/components/PickupRoute/PickupRoutesCell/PickupRoutesCell.tsx 15:0-56 36:42-54
web |  @ ./src/pages/PickupRoute/PickupRoutesPage/PickupRoutesPage.tsx 4:0-97 7:42-58
web |  @ ./src/Routes.tsx 133:16-79
web |  @ ./src/App.tsx 32:0-30 76:100-106
web |  @ ../node_modules/@redwoodjs/web/dist/entry/index.js 9:45-73

I am quite confused by why this is happening. If I decided to just run yarn rw g sdl PickupRoute the corresponding files are created successfully and the project runs without a hitch, but when I run the Scaffold generator, I get the same error. I have tried clearing node_modules, recloning the repository, but nothing seems to fix it.

I was surprised that all the error originated from PickupRoutes.tsx, so I tried deleting that file and in PickupRoutesCell.tsx, just replacing where the component would go for a <div></div> and the app runs fine. All the code for the other modules was also created by the scaffold generator and has not thrown an error of any kind even though it follows an identical structure.

I found this StackOverflow page with possible explanations for what might be causing that error. Still, nothing seems to make sense since the erroneous code is created by the generator, with the same format as all the other services also created by the scaffold generator that are working perfectly (I didn’t modify any of the generated code for the other services yet).

Help of any kind will be much appreciated!

Thank you in advance,
Iñaki

2

Welcome Iñaki, would it be too much trouble to replace the word Route with something else, and retry the scaffold to see if that may be causing the issue?

3

Hi PantheRedEye! I changed the model name from PickupRoute to PickupService and that solved the problem :slight_smile:

I believe it might have been cause by a component ending in the word “Routes” since only one component triggered from the PickupRoute model (PickupRoutesCell did not and PickupRoute also did not) and no files triggered this error from the RouteRuns model.

1 Like
4

Glad that fixed it!

Would it be too much to ask one more favor? :sweat_smile: Would you report this in the RW GitHub as an issue?