找不到模块“./styles.scss”或其对应的类型声明

Question

我安装

yarn create react-app my-app --template typescript

yarn add sass

应用程序.tsx

import styles from "./styles.scss";

function App() {
  return <div className={styles.App}></div>;
}

export default App;

样式.scss

.App {
  text-align: center;
}

两个文件在同一个文件夹中

当我想导入时，我收到此错误

找不到模块“./styles.scss”或其对应的类型声明

Answer 1

这个问题是因为你在现有的 react-app 上安装了 typescript。

首先在您的项目中放置一个“declarations.d.ts”，并在其中添加以下行代码：

declare module '*.css';