我正在尝试使用 webpack 使用 typescript 创建一个 React 项目。但我无法让 CSS 模块正常工作。尝试在打字稿中导入 CSS 文件时,我不断收到此错误:
\nERROR 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.\nRun Code Online (Sandbox Code Playgroud)\n对我来说,这看起来像 webpack 期望 css 文件包含有效的打字稿,但我不确定。我尝试环顾四周,虽然很多人似乎都在努力同时使用 typescript 和 CSS 模块,但我找不到任何有类似问题的人。
\n我像这样导入了 CSS 文件:\nButton.tsx
\nimport React from "react";\nimport "./Button.module.css";\n\nexport class Button extends React.Component{\n...\n}\nRun Code Online (Sandbox Code Playgroud)\n这是我尝试导入的 CSS 文件。\nButton.module.css:
\n.myButton {\n …Run Code Online (Sandbox Code Playgroud)