Frontend not load

[tecnicosya]

Hi guys, I'm trying to test AgencyOS, the backend was success with sqlite. Now I'm in the frontend and this is what I get:

`jose@jose-System:~/Documentos/opt/agencyosweb/web$ pnpm i Lockfile is up to date, resolution step is skipped Already up to date

@ postinstall /home/jose/Documentos/opt/agencyosweb/web nuxt prepare

◐ Loading Directus Module 11:47:16 p. m. ✔ 1766 Redirects loaded 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined 11:47:16 p. m. ℹ • undefined From: undefined To: undefined (repeated 1760 times) 11:47:16 p. m. ✔ Globals loaded into appConfig 11:47:16 p. m. ✔ Directus Module Loaded 11:47:16 p. m. ℹ Using Tailwind CSS from ~/assets/css/tailwind.css nuxt:tailwindcss 11:47:26 p. m.

WARN Slow module @nuxtjs/tailwindcss took 9266.38ms to setup. 11:47:26 p. m.

WARN Slow module @nuxt/ui took 9542.39ms to setup. 11:47:26 p. m.

✔ Types generated in .nuxt 11:47:27 p. m. Done in 14s jose@jose-System:~/Documentos/opt/agencyosweb/web$ pnpm dev

@ dev /home/jose/Documentos/opt/agencyosweb/web nuxt dev

Nuxt 3.10.3 with Nitro 2.9.1 11:48:46 p. m. 11:48:47 p. m. ➜ Local: http://localhost:3000/ ➜ Network: use --host to expose

◐ Loading Directus Module 11:48:48 p. m. ✔ 1766 Redirects loaded 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined 11:48:48 p. m. ℹ • undefined From: undefined To: undefined (repeated 1760 times) 11:48:48 p. m. ✔ Globals loaded into appConfig 11:48:48 p. m. ✔ Directus Module Loaded 11:48:48 p. m. ➜ DevTools: press Shift + Alt + D in the browser (v1.0.8) 11:48:48 p. m.

ℹ Using Tailwind CSS from ~/assets/css/tailwind.css nuxt:tailwindcss 11:48:58 p. m.

WARN Slow module @nuxtjs/tailwindcss took 9090ms to setup. 11:48:58 p. m.

WARN Slow module @nuxt/ui took 9349.89ms to setup. 11:48:58 p. m.

ℹ Tailwind Viewer: http://localhost:3000/_tailwind/ nuxt:tailwindcss 11:48:59 p. m. ℹ Vite client warmed up in 19630ms 11:49:20 p. m. ℹ Vite server warmed up in 19052ms 11:49:20 p. m.

[11:49:20 p. m.] ERROR This module cannot be imported in server runtime. [importing @nuxt/kit from nodemodules/.pnpm/nuxt-simple-sitemap@3.4.0@nuxt+devtools@1.0.8_@vue+compiler-core@3.4.21_jwt-decode@3.1.2_nux_undt3zhfvsokhebtqgy6i27fba/node_modules/nuxt-simple-sitemap/dist/runtime/util/pageUtils.mjs]

✔ Nuxt Nitro server built in 1625 ms nitro 11:49:21 p. m. [Vue warn]: injection "Symbol(route location)" not found. definePageMeta() is a compiler-hint helper that is only usable inside the script block of a single file component which is also a page. Its arguments should be compiled away and passing it at runtime has no effect. [Vue warn]: injection "Symbol(route location)" not found. definePageMeta() is a compiler-hint helper that is only usable inside the script block of a single file component which is also a page. Its arguments should be compiled away and passing it at runtime has no effect. [Vue warn]: injection "Symbol(route location)" not found. definePageMeta() is a compiler-hint helper that is only usable inside the script block of a single file component which is also a page. Its arguments should be compiled away and passing it at runtime has no effect.

`

And this is my .env file content:

`#Directus Setup for Nuxt app

Directus Cloud urls typically look like this https://your-instance.directus.app or if you're running a local instance of Directus, it will look lik>

DIRECTUS_URL="http://localhost:8055/admin" DIRECTUS_SERVER_TOKEN="tKXUlNTRRZ1RBCiC7SZGFRF-LP1mpZ-nM" SITE_URL="http://localhost:3000"

Stripe Setup (If you want to allow payments within the portal)

STRIPE_SECRET_KEY=sk_test_xxxxxxxxxxxxxxx STRIPE_PUBLISHABLE_KEY=pk_xxxxxxxxxxxxxxx STRIPE_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxx

` In the browser start the logo nux but after a few moment show this message in white backgroud: I try with many urls and all urls I test show similar message

[tecnicosya]

Ok I solved. the problem was the Nodejs Version. I install the Nodejs 20. And change the URL directus from "http://localhost:8055/admin" to DIRECTUS_URL="http://localhost:8055"

And now is running:

[bryantgillespie]

And change the URL directus from "http://localhost:8055/admin" to DIRECTUS_URL="http://localhost:8055/"

Yup you have to use the base Directus url