在 svelte.config.js 中找不到 SvelteKit $app

Question

我根据文档安装了一个新的 SvelteKit，如果我尝试在 svelte 配置中使用 $app ，则会收到此错误。

Error in svelte.config.js

Error [ERR_MODULE_NOT_FOUND]: Cannot find package '$app' imported from /Users/username/projects/my-app/svelte.config.js

代码看起来像 -

import preprocess from 'svelte-preprocess';
import adapter from '@sveltejs/adapter-static';
import { dev } from '$app/env';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    // Consult https://github.com/sveltejs/svelte-preprocess
    // for more information about preprocessors
    preprocess: preprocess(),

    kit: {
        adapter: adapter(),
        paths: {
            base: dev ? '' : '/CapitalBikesProject'
        },

        // hydrate the <div id="svelte"> element in src/app.html
        target: '#svelte'
    }
};

export default config;

如何在配置 javascript 文件中访问开发模式？谢谢!

Answer 1

很好的问题。解决方案是这样的，如果您需要所需的环境，则不能在配置文件中使用 $app ，您可以使用返回字符串的 process.env.NODE_ENV 生产和开发

更新

与 Sveltekit PR 合并 5602并在更新日志 100-next384 中提到

如果您仍然想在 svelte.config.js 上使用此技巧，请考虑将您的开发脚本从 "dev": "vite dev", 更新为“dev”:“NODE_ENV=开发vite dev”，。

将您的 svelte.config.js 更改为此。

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

/** @type {import('@sveltejs/kit').Config} */
const config = {
    // Consult https://github.com/sveltejs/svelte-preprocess
    // for more information about preprocessors
    preprocess: preprocess(),

    kit: {
        adapter: adapter(),
        paths: {
            base: process.env.NODE_ENV === 'development' ? '' : '/CapitalBikesProject'
        },

        // hydrate the <div id="svelte"> element in src/app.html
        target: '#svelte'
    }
};

export default config;