SvelteKit配置问题：TypeScript隐式any报错与全局SCSS变量未识别

1. 解决TypeScript隐式'any'错误 #

你的问题出在tsconfig.json的配置优先级高于sveltePreprocess中的设置。"strict": true会启用一系列严格类型检查规则，其中就包含noImplicitAny: true，所以单独在sveltePreprocess里设置noImplicitAny: false不会生效。

解决步骤：

• 修改tsconfig.json的compilerOptions，显式覆盖noImplicitAny规则：

{
    "extends": "./.svelte-kit/tsconfig.json",
    "compilerOptions": {
        "allowJs": true,
        "checkJs": true,
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "resolveJsonModule": true,
        "skipLibCheck": true,
        "sourceMap": true,
        "strict": true,
        "noImplicitAny": false, // 显式关闭隐式any检查
        "moduleResolution": "bundler"
    }
}

• 如果你不需要整个严格模式，可以直接将"strict": true改为"strict": false，这样会自动关闭noImplicitAny。
• 修改完成后，重启编辑器/IDE让配置生效。

2. 解决全局SCSS变量未被识别的问题 #

你当前使用sveltePreprocess的prependData配置，但因为同时启用了vitePreprocess，Vite的SCSS预处理可能会覆盖或忽略这部分配置，导致构建时变量未被识别。

解决步骤：

• 在项目根目录创建vite.config.js（如果不存在），添加Vite的SCSS全局变量配置：

import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';

export default defineConfig({
    plugins: [sveltekit()],
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import './src/assets/scss/global.scss'; @import './src/assets/scss/variables.scss';`
            }
        }
    }
});

• （可选）如果global.scss中已经导入了variables.scss，可以简化additionalData为只导入global.scss，避免重复导入。
• 验证路径正确性：确保./src/assets/scss/global.scss和./src/assets/scss/variables.scss确实对应项目中的文件路径。
• 修改后，重新运行开发服务器或构建命令，错误应该会消失。

内容的提问来源于stack exchange，提问作者diaburobr