当我试图在github页面上部署我的svelte应用程序时，我如何修复这个错误？

Question

我正试图在GitHub页面上部署我的svelte应用程序，并且无法消除我在运行“npm运行构建”时遇到的这些错误。

确切的错误是：

(node:15364) ExperimentalWarning: buffer.Blob is an experimental feature. This feature could change at any time
file:///C:/Isabella/personal-website/node_modules/@sveltejs/kit/dist/prerender.js:460
                                throw new Error(format_error(details, config));
                                  ^
Error: 404 /src/images/github.png (linked from /)
    at file:///C:/Isabella/personal-website/node_modules/@sveltejs/kit/dist/prerender.js:460:11
    at save (file:///C:/Isabella/personal-website/node_modules/@sveltejs/kit/dist/prerender.js:744:4)
    at visit (file:///C:/Isabella/personal-website/node_modules/@sveltejs/kit/dist/prerender.js:635:3)
[vite-plugin-svelte-kit] Prerendering failed with code 1
error during build:
Error: Prerendering failed with code 1
    at ChildProcess.<anonymous> (file:///C:/Isabella/personal-website/node_modules/@sveltejs/kit/dist/vite.js:2367:14)
    at ChildProcess.emit (node:events:527:28)
    at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12)

这是我的svelte.config.js文件：

import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';

/** @type {import('@sveltejs/kit').Config} */
const config = {
  preprocess: preprocess(),
    kit: {
        // target: '#svelte',
        adapter: adapter({
            pages: 'build',  // path to public directory
            assets: 'build',  // path to public directory
            fallback: null,
        }),
        prerender: {
            // This can be false if you're using a fallback (i.e. SPA mode)
            default: true
          }
    }
};

export default config;

Answer 1

问题是，您正在链接到/src/images/github.png中的index.svelte，但是预录制程序无法找到该文件，因为它试图在默认的资产文件夹static中查找该文件。

要修复它，请将链接更改为正确的路径，并将图像放在静态文件夹中(如果将图像文件夹放置在静态文件夹中，则为images/github.png )。