相关疑难解决方法(0)

如何修复 css 文件上的打字稿编译器错误?

我正在尝试使用 webpack 使用 typescript 创建一个 React 项目。但我无法让 CSS 模块正常工作。尝试在打字稿中导入 CSS 文件时,我不断收到此错误:

\n
ERROR in src/components/Button.module.css:1:0\n[unknown]: Parsing error: Declaration or statement expected.\n  > 1 | .myButton {\n    2 |         box-shadow: 0px 0px 0px -1px #1c1b18;\n    3 |         background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);\n    4 |         background-color:#eae0c2;\n\xe2\x84\xb9 \xef\xbd\xa2wdm\xef\xbd\xa3: Failed to compile.\n
Run Code Online (Sandbox Code Playgroud)\n

对我来说,这看起来像 webpack 期望 css 文件包含有效的打字稿,但我不确定。我尝试环顾四周,虽然很多人似乎都在努力同时使用 typescript 和 CSS 模块,但我找不到任何有类似问题的人。

\n

我像这样导入了 CSS 文件:\nButton.tsx

\n
import React from "react";\nimport "./Button.module.css";\n\nexport class Button extends React.Component{\n...\n}\n
Run Code Online (Sandbox Code Playgroud)\n

这是我尝试导入的 CSS 文件。\nButton.module.css:

\n
.myButton {\n …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs webpack css-modules

8
推荐指数
2
解决办法
8698
查看次数

标签 统计

css-modules ×1

reactjs ×1

typescript ×1

webpack ×1