javascript - CSS 模块在 Codesandbox 中不起作用 - 即使文件存在也无法找到

Question

我正在尝试构建一个项目，我只是将我的代码从 VSCode 移到了 Codesandbox。我必须提到代码在 VSC 中运行良好，但由于某种原因它在 Codesandbox 中无法运行——找不到 CSS 模块。我想我可能在我的设置中遗漏了一些东西，因为我查看了其他示例并且代码看起来相同(导入)。获取所有文件的错误是:

Cannot find module './Example.module.css' or its corresponding type declarations.

完整代码在这里:

https://codesandbox.io/s/burger-builder-project-173uw?file=/src/Components/Layout/Layout.tsx

有谁知道哪里出了问题？谢谢。

Answer 1

要消除错误，您需要创建一个 Typescript Declaration file对于根文件夹中的 *.css 并将其包含在 tsconfig.json 中。查看以下更改:

module.css.d.ts

declare module "*.module.css";

tsconfig.json

{
    "include": [
        "./src/*",
        "./module.css.d.ts"
    ],
    "compilerOptions": {
        "strict": true,
        "esModuleInterop": true,
        "lib": [
            "dom",
            "es2015"
        ],
        "jsx": "react"
    }
}