GithubHelp home page GithubHelp logo

Comments (7)

xHomu avatar xHomu commented on May 17, 2024 1

I was finally able to replicate the error with your exact setup (WIndows 10 / node 18.16 / npm install; npm run dev).

Instead of npm, can you delete package-lock.json and try using yarn install --frozen-lockfile; yarn dev instead?

If that works, that would help us narrow down the issue.

from repay.

xHomu avatar xHomu commented on May 17, 2024 1

Glad to hear that worked. When I have time, I'll have to dig a bit into why yarn works when npm didn't. I suspect there's some errant peer deps in payload that should get fixed.

from repay.

marcob896 avatar marcob896 commented on May 17, 2024

ok , I've managed to get it started, recreating the local mongo container. I don't know what was wrong...
Now I can spin up the server, I see the home page, but the Payload admin route is just blank...

Any idea?

In the browser console I see the following error:

index.js:300  Uncaught TypeError: (0 , _reactRouterDom.withRouter) is not a function
    at Object.<anonymous> (index.js:300:39)
    at __webpack_require__ (index.js:21:30)
    at index.js:64:18
    at node_modules/react-router-navigation-prompt/es/index.js (index.js:65:10)
    at __require2 (chunk-FOWDQQBS.js?v=2112d5a8:19:50)
    at node_modules/payload/dist/admin/components/modals/LeaveWithoutSaving/index.js (index.tsx:2:34)
    at __require2 (chunk-FOWDQQBS.js?v=2112d5a8:19:50)
    at node_modules/payload/dist/admin/components/views/LivePreview/index.js (index.tsx:1:44)
    at __require2 (chunk-FOWDQQBS.js?v=2112d5a8:19:50)
    at node_modules/payload/dist/admin/components/views/Global/Routes/CustomComponent.js (CustomComponent.tsx:1:19)

from repay.

xHomu avatar xHomu commented on May 17, 2024

looking into it.

from repay.

xHomu avatar xHomu commented on May 17, 2024

Can you pull the latest commits and see if that fixed the issue for you?

Just in case it was something particular to my local, I also made a test deploy to https://repay.fly.dev/ and it seemed to be working.

from repay.

marcob896 avatar marcob896 commented on May 17, 2024

Can you pull the latest commits and see if that fixed the issue for you?

Just in case it was something particular to my local, I also made a test deploy to https://repay.fly.dev/ and it seemed to be working.

Thanks for the fast reply but...I still have the same behaviour.
It starts, shows the homepage, but when I click on Admin Interface, blank screen on the /admin route and same error in the console (tried Edge and Firefox browsers, Windows 10, if that matters):

Uncaught TypeError: (0 , _reactRouterDom.withRouter) is not a function
    at Object.<anonymous> (index.js:300:39)
    at __webpack_require__ (index.js:21:30)
    at index.js:64:18
    at node_modules/react-router-navigation-prompt/es/index.js (index.js:65:10)
    at __require2 (chunk-FOWDQQBS.js?v=331060a4:19:50)
    at node_modules/payload/dist/admin/components/modals/LeaveWithoutSaving/index.js (index.tsx:2:34)
    at __require2 (chunk-FOWDQQBS.js?v=331060a4:19:50)
    at node_modules/payload/dist/admin/components/views/LivePreview/index.js (index.tsx:1:44)
    at __require2 (chunk-FOWDQQBS.js?v=331060a4:19:50)
    at node_modules/payload/dist/admin/components/views/Global/Routes/CustomComponent.js (CustomComponent.tsx:1:19)

The db docker container is correctly logging the connection, so that is not the problem.
What should I try?

from repay.

marcob896 avatar marcob896 commented on May 17, 2024

I was finally able to replicate the error with your exact setup (WIndows 10 / node 18.16 / npm install; npm run dev).

Instead of npm, can you delete package-lock.json and try using yarn install --frozen-lockfile; yarn dev instead?

If that works, that would help us narrow down the issue.

ok I did as you mentioned and it works.
I was finally able to start and go to the /admin route. I see the form to create the first payload user.
I see an error on the VSCode console though, if that could be useful:

Error: No route matches URL "/app.scss.map"
    at getInternalRouterError (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\router\router.ts:4496:5)
    at Object.query (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\router\router.ts:2935:19)
    at handleDocumentRequestRR (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\server-runtime\dist\server.js:182:35)
    at requestHandler (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\server-runtime\dist\server.js:107:24)
    at async C:\Users\marco\git\_vari\repay\node_modules\@remix-run\express\dist\server.js:41:22
No routes matched location "/app.scss.map" 
ErrorResponseImpl {
  status: 404,
  statusText: 'Not Found',
  internal: true,
  data: 'Error: No route matches URL "/app.scss.map"',
  error: Error: No route matches URL "/app.scss.map"
      at getInternalRouterError (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\router\router.ts:4496:5)
      at Object.query (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\router\router.ts:2935:19)
      at handleDocumentRequestRR (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\server-runtime\dist\server.js:182:35)
      at requestHandler (C:\Users\marco\git\_vari\repay\node_modules\@remix-run\server-runtime\dist\server.js:107:24)
      at async C:\Users\marco\git\_vari\repay\node_modules\@remix-run\express\dist\server.js:41:22
}
GET /app.scss.map 404 - - 118.465 ms

from repay.

Related Issues (12)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.