Closed all-mute closed 4 months ago
Do you have any non default settings at vercel? Cause I saw that code in production and it works, but I can't test its at my local machine and at my vercel either.
I would be grateful for any kind of help.
also I have infinite loading at my local machine
PS C:\Users\Eva-02\VScode_projects\_startups\ARCHIVES\project-nexum-search-dropdown\project-nexum-search-dropdown> pnpm run dev --host
> project-nexum@0.0.1 dev C:\Users\Eva-02\VScode_projects\_startups\ARCHIVES\project-nexum-search-dropdown\project-nexum-search-dropdown
> vite dev "--host"
VITE v4.5.3 ready in 973 ms
➜ Local: http://localhost:5173/
➜ Network: http://192.168.1.97:5173/
➜ press h to show help
The top-level "users", "pages", "tags" and "badges" properties returned from the `load` function in src/routes/+layout.server.js are promises.
In SvelteKit 2.0, these will no longer be awaited automatically. To get rid of this warning, await all promises included as top-level properties in `load` return values.
15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:10:3 A11y: <a> element should have an href attribute
15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:22:3 A11y: <a> element should have an href attribute
15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:34:3 A11y: <a> element should have an href attribute
15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:11:12 DashboardHeader has unused export property 'pageLikes'. If it is for external reference only, please consider using `export const pageLikes`
15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:12:12 DashboardHeader has unused export property 'pageFavorites'. If it is for external reference only, please consider using `export const pageFavorites`
warn - The `@variants` directive has been deprecated in Tailwind CSS v3.0.
warn - Use `@layer utilities` or `@layer components` instead.
warn - https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer
╭── 🌼 daisyUI 3.9.4 https://daisyui.com
│
├── 29 themes are enabled. How to add more themes:
│ https://daisyui.com/docs/themes
│
╰── 💚 Support daisyUI project: https://opencollective.com/daisyui
╭── 🌼 daisyUI 3.9.4 https://daisyui.com
│
├── 29 themes are enabled. How to add more themes:
│ https://daisyui.com/docs/themes
│
╰── 💚 Support daisyUI project: https://opencollective.com/daisyui
15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:10:3 A11y: <a> element should have an href attribute
15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:22:3 A11y: <a> element should have an href attribute
15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:34:3 A11y: <a> element should have an href attribute
15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:11:12 DashboardHeader has unused export property 'pageLikes'. If it is for external reference only, please consider using `export const pageLikes`
15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:12:12 DashboardHeader has unused export property 'pageFavorites'. If it is for external reference only, please consider using `export const pageFavorites`
I was deploying branch
search-dropdown
at vercel and encountered that problem:WARN Issues with peer dependencies found -- 14:54:06.098 | . 14:54:06.098 | └─┬ ai 2.0.1 14:54:06.099 | └─┬ sswr 1.11.0 14:54:06.099 | └── ✕ unmet peer svelte@^4.0.0: found 3.59.2 [vite-plugin-svelte] Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript'
error during build: -- 14:54:08.001 | Error: Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript' at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15) 14:54:08.002 | at Module._load (node:internal/modules/cjs/loader:984:27) 14:54:08.002 | at Module.require (node:internal/modules/cjs/loader:1231:19) 14:54:08.002 | at require (node:internal/modules/helpers:179:18) 14:54:08.002 | at Object. (/vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/transformers/typescript.js:8:38) 14:54:08.002 | at Module._compile (node:internal/modules/cjs/loader:1369:14) 14:54:08.002 | at Module._extensions..js (node:internal/modules/cjs/loader:1427:10) 14:54:08.002 | at Module.load (node:internal/modules/cjs/loader:1206:32) 14:54:08.002 | at Module._load (node:internal/modules/cjs/loader:1022:12) 14:54:08.002 | at Module.require (node:internal/modules/cjs/loader:1231:19) 14:54:08.012 | ELIFECYCLE Command failed with exit code 1. 14:54:08.026 | Error: Command "pnpm run build" exited with 1 14:54:08.439
Full build log:
[14:53:44.786] Running build in Washington, D.C., USA (East) – iad1 [14:53:46.562] Cloning github.com/all-mute/project-nexum-search-dropdown (Branch: main, Commit: e97310a) [14:53:47.072] Previous build cache not available [14:53:47.623] Cloning completed: 1.057s [14:53:48.262] Running "vercel build" [14:53:49.156] Vercel CLI 34.1.7 [14:53:50.520] Detected `pnpm-lock.yaml` version 9 generated by pnpm 8 [14:53:50.540] Installing dependencies... [14:53:51.817] WARN Ignoring not compatible lockfile at /vercel/path0/pnpm-lock.yaml [14:53:52.147] Progress: resolved 1, reused 0, downloaded 0, added 0 [14:53:53.153] Progress: resolved 18, reused 0, downloaded 13, added 0 [14:53:54.288] Progress: resolved 27, reused 0, downloaded 24, added 0 [14:53:55.299] Progress: resolved 80, reused 0, downloaded 62, added 0 [14:53:56.314] Progress: resolved 133, reused 0, downloaded 113, added 0 [14:53:57.317] Progress: resolved 195, reused 0, downloaded 174, added 0 [14:53:58.328] Progress: resolved 267, reused 0, downloaded 225, added 0 [14:53:59.328] Progress: resolved 309, reused 0, downloaded 286, added 0 [14:54:00.328] Progress: resolved 314, reused 0, downloaded 290, added 0 [14:54:00.551] Packages: +292 [14:54:00.551] ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ [14:54:01.328] Progress: resolved 315, reused 0, downloaded 292, added 139 [14:54:02.326] Progress: resolved 315, reused 0, downloaded 292, added 291 [14:54:04.967] Progress: resolved 315, reused 0, downloaded 292, added 292 [14:54:04.967] Progress: resolved 315, reused 0, downloaded 292, added 292, done [14:54:05.067] .../node_modules/svelte-preprocess postinstall$ echo "[svelte-preprocess] Don't forget to install the preprocessors packages that will be used: sass, stylus, less, postcss & postcss-load-config, coffeescript, pug, etc..." [14:54:05.079] .../node_modules/svelte-preprocess postinstall: [svelte-preprocess] Don't forget to install the preprocessors packages that will be used: sass, stylus, less, postcss & postcss-load-config, coffeescript, pug, etc... [14:54:05.080] .../node_modules/svelte-preprocess postinstall: Done [14:54:05.107] .../esbuild@0.18.20/node_modules/esbuild postinstall$ node install.js [14:54:05.179] .../esbuild@0.18.20/node_modules/esbuild postinstall: Done [14:54:05.210] .../node_modules/@sveltejs/kit postinstall$ node postinstall.js [14:54:05.584] .../node_modules/@sveltejs/kit postinstall: Done [14:54:06.090] [14:54:06.090] dependencies: [14:54:06.090] + @tinymce/tinymce-svelte 1.0.1 (2.0.2 is available) [14:54:06.090] + ai 2.0.1 (3.1.0 is available) [14:54:06.090] + openai-edge 0.5.1 (1.2.2 is available) [14:54:06.090] + pocketbase 0.15.0-rc (0.21.2 is available) [14:54:06.090] + read-time 1.0.0 [14:54:06.090] + svelte-icons-pack 2.1.1 (3.1.3 is available) [14:54:06.090] [14:54:06.091] devDependencies: [14:54:06.091] + @playwright/test 1.43.1 [14:54:06.091] + @sveltejs/adapter-auto 2.1.1 (3.2.0 is available) [14:54:06.091] + @sveltejs/kit 1.30.4 (2.5.7 is available) [14:54:06.091] + autoprefixer 10.4.19 [14:54:06.091] + daisyui 3.9.4 (4.10.3 is available) [14:54:06.091] + eslint 8.57.0 (9.1.1 is available) [14:54:06.091] + eslint-config-prettier 8.10.0 (9.1.0 is available) [14:54:06.091] + eslint-plugin-svelte 2.38.0 [14:54:06.091] + object-to-formdata 4.5.1 [14:54:06.091] + postcss 8.4.38 [14:54:06.091] + postcss-load-config 4.0.2 (5.0.3 is available) [14:54:06.092] + prettier 2.8.8 (3.2.5 is available) [14:54:06.092] + prettier-plugin-svelte 2.10.1 (3.2.3 is available) [14:54:06.092] + svelte 3.59.2 (4.2.15 is available) [14:54:06.092] + svelte-french-toast 1.2.0 [14:54:06.092] + svelte-hero-icons 5.1.0 [14:54:06.092] + svelte-preprocess 5.1.4 [14:54:06.092] + svelte-toc 0.5.8 [14:54:06.092] + tailwindcss 3.4.3 [14:54:06.092] + vite 4.5.3 (5.2.10 is available) [14:54:06.098] + zod 3.23.5 [14:54:06.098] [14:54:06.098] WARN Issues with peer dependencies found [14:54:06.098] . [14:54:06.098] └─┬ ai 2.0.1 [14:54:06.099] └─┬ sswr 1.11.0 [14:54:06.099] └── ✕ unmet peer svelte@^4.0.0: found 3.59.2 [14:54:06.099] [14:54:06.099] Done in 15.4s [14:54:06.145] Running "pnpm run build" [14:54:06.651] [14:54:06.651] > project-nexum@0.0.1 build /vercel/path0 [14:54:06.651] > vite build [14:54:06.651] [14:54:07.195] [14:54:07.195] �[36mvite v4.5.3 �[32mbuilding SSR bundle for production...�[36m�[39m [14:54:07.231] transforming... [14:54:08.000] �[32m✓�[39m 64 modules transformed. [14:54:08.000] �[32m✓ built in 804ms�[39m [14:54:08.001] �[31m[vite-plugin-svelte] Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript' [14:54:08.001] Require stack: [14:54:08.001] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/transformers/typescript.js [14:54:08.001] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/autoProcess.js [14:54:08.001] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/index.js�[39m [14:54:08.001] file: �[36m/vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte�[39m [14:54:08.001] �[31merror during build: [14:54:08.001] Error: Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript' [14:54:08.001] Require stack: [14:54:08.001] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/transformers/typescript.js [14:54:08.001] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/autoProcess.js [14:54:08.002] - /vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/index.js [14:54:08.002] at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15) [14:54:08.002] at Module._load (node:internal/modules/cjs/loader:984:27) [14:54:08.002] at Module.require (node:internal/modules/cjs/loader:1231:19) [14:54:08.002] at require (node:internal/modules/helpers:179:18) [14:54:08.002] at Object.<anonymous> (/vercel/path0/node_modules/.pnpm/svelte-preprocess@5.1.4_postcss-load-config@4.0.2_postcss@8.4.38_svelte@3.59.2/node_modules/svelte-preprocess/dist/transformers/typescript.js:8:38) [14:54:08.002] at Module._compile (node:internal/modules/cjs/loader:1369:14) [14:54:08.002] at Module._extensions..js (node:internal/modules/cjs/loader:1427:10) [14:54:08.002] at Module.load (node:internal/modules/cjs/loader:1206:32) [14:54:08.002] at Module._load (node:internal/modules/cjs/loader:1022:12) [14:54:08.002] at Module.require (node:internal/modules/cjs/loader:1231:19)�[39m [14:54:08.012] ELIFECYCLE Command failed with exit code 1. [14:54:08.026] Error: Command "pnpm run build" exited with 1 [14:54:08.439]
Hmmm, weird. Looks like you need svelte 4. try this:
pnpm install svelte@^4.0.0
Do you have any non default settings at vercel? Cause I saw that code in production and it works, but I can't test its at my local machine and at my vercel either.
I would be grateful for any kind of help.
Nope. Default settings + env variables should be all you need.
also I have infinite loading at my local machine
PS C:\Users\Eva-02\VScode_projects\_startups\ARCHIVES\project-nexum-search-dropdown\project-nexum-search-dropdown> pnpm run dev --host > project-nexum@0.0.1 dev C:\Users\Eva-02\VScode_projects\_startups\ARCHIVES\project-nexum-search-dropdown\project-nexum-search-dropdown > vite dev "--host" VITE v4.5.3 ready in 973 ms ➜ Local: http://localhost:5173/ ➜ Network: http://192.168.1.97:5173/ ➜ press h to show help The top-level "users", "pages", "tags" and "badges" properties returned from the `load` function in src/routes/+layout.server.js are promises. In SvelteKit 2.0, these will no longer be awaited automatically. To get rid of this warning, await all promises included as top-level properties in `load` return values. 15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:10:3 A11y: <a> element should have an href attribute 15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:22:3 A11y: <a> element should have an href attribute 15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:34:3 A11y: <a> element should have an href attribute 15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:11:12 DashboardHeader has unused export property 'pageLikes'. If it is for external reference only, please consider using `export const pageLikes` 15:32:06 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:12:12 DashboardHeader has unused export property 'pageFavorites'. If it is for external reference only, please consider using `export const pageFavorites` warn - The `@variants` directive has been deprecated in Tailwind CSS v3.0. warn - Use `@layer utilities` or `@layer components` instead. warn - https://tailwindcss.com/docs/upgrade-guide#replace-variants-with-layer ╭── 🌼 daisyUI 3.9.4 https://daisyui.com │ ├── 29 themes are enabled. How to add more themes: │ https://daisyui.com/docs/themes │ ╰── 💚 Support daisyUI project: https://opencollective.com/daisyui ╭── 🌼 daisyUI 3.9.4 https://daisyui.com │ ├── 29 themes are enabled. How to add more themes: │ https://daisyui.com/docs/themes │ ╰── 💚 Support daisyUI project: https://opencollective.com/daisyui 15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:10:3 A11y: <a> element should have an href attribute 15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:22:3 A11y: <a> element should have an href attribute 15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/Footer.svelte:34:3 A11y: <a> element should have an href attribute 15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:11:12 DashboardHeader has unused export property 'pageLikes'. If it is for external reference only, please consider using `export const pageLikes` 15:32:15 [vite-plugin-svelte] C:/Users/Eva-02/VScode_projects/_startups/ARCHIVES/project-nexum-search-dropdown/project-nexum-search-dropdown/src/lib/components/DashboardHeader.svelte:12:12 DashboardHeader has unused export property 'pageFavorites'. If it is for external reference only, please consider using `export const pageFavorites`
Are there any console errors in the browser?
I will pull the code and spin up a dev server when I get a chance. I need to refresh my memory.
Not sure if this is related, but I remember solving some frontend/backend connection issues by getting an ssl cert for my pocketbase instance and running the dev server using pnpm run dev-ssl
pnpm install typescript --save-dev
in console - it fixed build problemsThank you for your help!
Also, I'll mention you as an original creator of website. <3
- set all env urls correctly - it fixed infinite loading
- wrote
pnpm install typescript --save-dev
in console - it fixed build problems- also I set node version to 18.0 at vercel project setting
Thank you for your help!
Also, I'll mention you as an original creator of website. <3
Awesome! Glad to hear you're up and running. Excited to see the end result.
If you find any bugs, or fix anything, let me know. We can merge it in.
I was deploying branch
WARN Issues with peer dependencies found -- 14:54:06.098 | . 14:54:06.098 | └─┬ ai 2.0.1 14:54:06.099 | └─┬ sswr 1.11.0 14:54:06.099 | └── ✕ unmet peer svelte@^4.0.0: found 3.59.2search-dropdown
at vercel and encountered that problem:[vite-plugin-svelte] Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript'
error during build: -- 14:54:08.001 | Error: Error while preprocessing /vercel/path0/node_modules/.pnpm/svelte-icons-pack@2.1.1/node_modules/svelte-icons-pack/Icon.svelte - Cannot find module 'typescript' at Module._resolveFilename (node:internal/modules/cjs/loader:1143:15) 14:54:08.002 | at Module._load (node:internal/modules/cjs/loader:984:27) 14:54:08.002 | at Module.require (node:internal/modules/cjs/loader:1231:19) 14:54:08.002 | at require (node:internal/modules/helpers:179:18) 14:54:08.002 | at Object.Full build log: