search

kwchang0831 / svelte-QWER

✒︎ Simply Awesome Blog Starter built with SvelteKit and Love ❤
https://svelte-qwer.vercel.app
MIT License
456 stars 49 forks source link

Assets src path error on local Windows environment #58

Closed vactiger closed 1 year ago

vactiger commented 1 year ago

Describe the bug

Hi! This case is a question. Possibly it could be a bug.

I run QWER on localhost.

I can't get images and video correctly in Example Post.

It seems to interpret the source path of the image and video elements as the root disk directory of the development project.

Please lend me your help.

Thank you.

image

image

Reproduction

Follow steps from Getting Started with QWER in QWER DOCS:

  1. npx degit kwchang0831/svelte-QWER my-blog
  2. cd my-blog
  3. pnpm i
  4. pnpm husky (I skin it.)
  5. pnpm dev

Go to the default post: Example Post.

Logs

PowerShell 7.3.3
Loading personal and system profiles took 1423ms.
 Ding@vac  D:\Dev\playground\blog  npx degit kwchang0831/svelte-QWER my-blog
 Ding@vac  D:\Dev\playground\blog  npx degit kwchang0831/svelte-QWER my-blog
> cloned kwchang0831/svelte-QWER#HEAD to my-blog
! action wants to remove netlify.toml but it does not exist
! action wants to remove .github/workflows/* but it does not exist
> removed: vercel.json
 Ding@vac  D:\Dev\playground\blog  cd my-blog
 Ding@vac  D:\Dev\playground\blog\my-blog  pnpm i
Scope: all 2 workspace projects
Lockfile is up to date, resolution step is skipped
Packages: +849
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Packages are hard linked from the content-addressable store to the virtual store.
  Content-addressable store is at: D:\.pnpm-store\v3
  Virtual store is at:             node_modules/.pnpm
Progress: resolved 849, reused 848, downloaded 0, added 849, done

devDependencies:
+ @builder.io/partytown 0.7.5
+ @changesets/cli 2.26.0
+ @iconify-json/akar-icons 1.1.13
+ @iconify-json/bxs 1.1.6
+ @iconify-json/carbon 1.1.16
+ @iconify-json/fluent-emoji-flat 1.1.10
+ @iconify-json/ic 1.1.13
+ @iconify-json/line-md 1.1.23
+ @iconify-json/mdi 1.1.50
+ @iconify-json/tabler 1.1.66
+ @iconify-json/vscode-icons 1.1.22
+ @kwchang0831/qwer 0.5.1 <- QWER
+ @kwchang0831/svelte-qwer 0.8.0 <- ???
+ @sveltejs/adapter-netlify 2.0.6
+ @sveltejs/adapter-node 1.2.2
+ @sveltejs/adapter-static 2.0.1
+ @sveltejs/adapter-vercel 2.3.1
+ @sveltejs/kit 1.11.0
+ @types/flexsearch 0.7.3
+ @types/lz-string 1.3.34
+ @types/nprogress 0.2.0
+ @typescript-eslint/eslint-plugin 5.54.1
+ @typescript-eslint/parser 5.54.1
+ @unocss/core 0.50.4
+ @unocss/preset-icons 0.50.4
+ @unocss/preset-uno 0.50.4
+ @unocss/reset 0.50.4
+ @unocss/transformer-compile-class 0.50.4
+ @unocss/transformer-directives 0.50.4
+ @unocss/transformer-variant-group 0.50.4
+ cross-env 7.0.3
+ eslint 8.36.0
+ eslint-config-prettier 8.7.0
+ eslint-plugin-svelte3 4.0.0
+ flexsearch 0.7.31
+ gitmoji-cli 8.0.0
+ husky 8.0.3
+ imagetools-core 3.3.1
+ katex 0.16.4
+ lint-staged 13.2.0
+ lz-string 1.5.0
+ medium-zoom 1.0.8
+ npm-run-all 4.1.5
+ nprogress 0.2.0
+ prettier 2.8.4
+ prettier-plugin-svelte 2.9.0
+ rimraf 4.4.0
+ sass 1.59.2
+ svelte 3.56.0
+ svelte-check 3.1.2
+ svelte-preprocess 5.0.1
+ tippy.js 6.3.7
+ tslib 2.5.0
+ typesafe-i18n 5.24.2
+ typescript 4.9.5
+ unocss 0.50.4
+ unocss-preset-scrollbar 0.2.1
+ vite 4.1.4
+ vite-imagetools 4.0.18

Done in 2m 15.3s
 Ding@vac  D:\Dev\playground\blog\my-blog  pnpm dev

> @kwchang0831/svelte-qwer@0.8.0 dev D:\Dev\playground\blog\my-blog
> npm-run-all -s build:QWER dev:watch

> @kwchang0831/svelte-qwer@0.8.0 build:QWER D:\Dev\playground\blog\my-blog
> node --no-warnings QWER build

下午4:41:22 [QWER] [Generated] Meta File Updated src/generated/asset.d.ts
下午4:41:22 [QWER] [Generated] Meta File Updated src/generated/assets.json
下午4:41:22 [QWER] [Generated] Meta File Updated src/generated/assets.ts
下午4:41:22 [QWER] [Generated] Meta File Updated src/generated/tags.json
下午4:41:22 [QWER] [Generated] Meta File Updated src/generated/posts.json
下午4:41:22 [QWER] Assets File Copied src\generated\assets\404.webp
下午4:41:22 [QWER] MD File Processed D:\Dev\playground\blog\my-blog\src\routes\about\+page.svelte
下午4:41:22 [QWER] MD File Processed D:\Dev\playground\blog\my-blog\src\routes\example\+page.svelte
下午4:41:22 [QWER] MD File Processed D:\Dev\playground\blog\my-blog\src\routes\hello-QWER\+page.svelte
下午4:41:22 [QWER] Image File Copied src\generated\assets\example\cover.jpg
下午4:41:22 [QWER] Static File Copied D:\Dev\playground\blog\my-blog\static\example\example2.mp4
下午4:41:22 [QWER] Image File Copied src\generated\assets\hello-QWER\cover.jpg
下午4:41:22 [QWER] Public File Copied static\favicon.ico
下午4:41:22 [QWER] Public File Copied static\robots.txt
下午4:41:22 [QWER] Image File Copied src\generated\assets\quick-start\cover.jpg
下午4:41:22 [QWER] Assets File Copied src\generated\assets\avatar.png
下午4:41:22 [QWER] Public File Copied static\favicon.png
下午4:41:22 [QWER] Assets File Copied src\generated\assets\mobile-preview.png
下午4:41:22 [QWER] Assets File Copied src\generated\assets\qwer.webp
下午4:41:22 [QWER] Image File Copied src\generated\assets\example\example1.jpg
下午4:41:22 [QWER] Assets File Copied src\generated\assets\default_og_card.webp
下午4:41:22 [QWER] MD File Processed D:\Dev\playground\blog\my-blog\src\routes\quick-start\+page.svelte
下午4:41:22 [QWER] Assets File Copied src\generated\assets\mobile-preview.webp
下午4:41:22 [QWER] Image File Copied src\generated\assets\hello-QWER\reach.jpg
下午4:41:22 [QWER] Assets File Copied src\generated\assets\preview.webp
下午4:41:22 [QWER] Image File Copied src\generated\assets\hello-QWER\wait.jpg
下午4:41:22 [QWER] Assets File Copied src\generated\assets\preview.png

> @kwchang0831/svelte-qwer@0.8.0 dev:watch D:\Dev\playground\blog\my-blog
> npm-run-all -p -r dev:QWER dev:i18n dev:sveltekit

> @kwchang0831/svelte-qwer@0.8.0 dev:QWER D:\Dev\playground\blog\my-blog
> node --no-warnings QWER watch

> @kwchang0831/svelte-qwer@0.8.0 dev:sveltekit D:\Dev\playground\blog\my-blog
> cross-env MODE=development vite dev --host

> @kwchang0831/svelte-qwer@0.8.0 dev:i18n D:\Dev\playground\blog\my-blog
> npx typesafe-i18n

下午4:41:28 [QWER] [Public] Folder - Init Scan Completed.
下午4:41:28 [QWER] [DATA] Folder - Init. Scan Completed.
下午4:41:28 [QWER] Meta File Loaded src/generated/posts.json
下午4:41:28 [QWER] Meta File Loaded src/generated/assets.json
▲ [WARNING] Cannot find base config file "./.svelte-kit/tsconfig.json" [tsconfig.json]

    tsconfig.json:2:13:
      2 │   "extends": "./.svelte-kit/tsconfig.json",
        ╵              ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

[typesafe-i18n] version 5.24.2
[typesafe-i18n] generating files for TypeScript version: '4.9.x'
[typesafe-i18n] options: { adapter: 'svelte', esmImports: true }
[typesafe-i18n] watcher started in: './src/i18n/'
[typesafe-i18n] ERROR: in 'en'
Make sure to import the type 'BaseTranslation' from the generated 'i18n-types.ts' file.
See the example in the official docs: https://github.com/ivanhofer/typesafe-i18n/tree/main/packages/generator#namespaces

[typesafe-i18n] generated file: './src/i18n/i18n-types.ts'
[typesafe-i18n] generated file: './src/i18n/i18n-util'
[typesafe-i18n] generated file: './src/i18n/i18n-util.sync'
[typesafe-i18n] generated file: './src/i18n/i18n-svelte'
[typesafe-i18n] generated file: './src/i18n/i18n-util.async'
[typesafe-i18n] ... all files are up to date

Forced re-optimization of dependencies

  VITE v4.1.4  ready in 13568 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: http://192.168.56.1:5173/
  ➜  Network: http://192.168.1.101:5173/
  ➜  press h to show help

下午4:42:22 [vite-plugin-svelte] ssr compile in progress ...
下午4:42:33 [vite-plugin-svelte] ssr compile done.
package                         files    time      avg
@kwchang0831/svelte-qwer           23   0.88s   38.3ms
下午4:42:38 [vite] ✨ new dependencies optimized: nprogress, @builder.io/partytown/integration
下午4:42:38 [vite] ✨ optimized dependencies changed. reloading
下午4:42:40 [vite-plugin-svelte] ssr compile done.
package                         files    time     avg
@kwchang0831/svelte-qwer            1   8.8ms   8.8ms
下午4:42:42 [vite-plugin-svelte] ssr compile in progress ...
下午4:42:43 [vite-plugin-svelte] ssr compile done.
package                         files    time      avg
@kwchang0831/svelte-qwer           14   0.18s   12.6ms
下午4:42:47 [vite] ✨ new dependencies optimized: flexsearch/dist/module/index.js, lz-string
下午4:42:55 [vite] ✨ new dependencies optimized: medium-zoom
下午4:43:14 [vite-plugin-svelte] ssr compile in progress ...
下午4:43:18 [vite-plugin-svelte] ssr compile done.
package                         files    time      avg
@kwchang0831/svelte-qwer           20   0.64s   31.9ms
下午5:03:07 [vite] Internal server error: Failed to load url /example (resolved id: /example). This file is in /public and will be copied as-is during build without going through the plugin transforms, and therefore should not be imported from source code. It can only be referenced via HTML tags.
      at loadAndTransform (file:///D:/Dev/playground/blog/my-blog/node_modules/.pnpm/vite@4.1.4_sass@1.59.2/node_modules/vite/dist/node/chunks/dep-ca21228b.js:39470:21)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

System Info

Ding@vac  D:\Dev\playground\blog\my-blog  npx envinfo --system --binaries --browsers --npmPackages "{svelte,@sveltejs/*,vite,@kwchang0831}"
Need to install the following packages:
  envinfo@7.8.1
Ok to proceed? (y) y

  System:
    OS: Windows 10 10.0.19045
    CPU: (8) x64 Intel(R) Core(TM) i7-4790 CPU @ 3.60GHz     
    Memory: 6.57 GB / 15.87 GB
  Binaries:
    Node: 18.15.0 - C:\Program Files\nodejs\node.EXE
    npm: 9.6.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (111.0.1661.54)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    @sveltejs/adapter-netlify: 2.0.6 => 2.0.6
    @sveltejs/adapter-node: 1.2.2 => 1.2.2
    @sveltejs/adapter-static: 2.0.1 => 2.0.1
    @sveltejs/adapter-vercel: 2.3.1 => 2.3.1
    @sveltejs/kit: 1.11.0 => 1.11.0
    svelte: ^3.56.0 => 3.56.0
    vite: ^4.1.4 => 4.1.4

Additional Information

No response

kwchang0831 commented 1 year ago

Thanks for reporting it. Working on it...

kwchang0831 commented 1 year ago

Thanks for spending time report this issue. This should now be fixed. <3