React，Typescript-找不到模块...或其相应的类型声明

Question

我使用vs代码中的create-react-app和yarn 2创建了一个新项目。像这样导入每个已安装的库时，编辑器会引发错误：

找不到模块“反应”或其相应的类型声明。

项目编译并成功运行，但错误仍然存​​在。当我将文件扩展名更改为 .js 和 .jsx 形式。 ts 和 .tsx 时，错误消失了。我该如何解决打字稿文件的问题？

Answer 1

您需要为所安装的库安装类型。通常，您应该这样做：

npm install @types/libName

如果仍然无法使用，我首先建议您使用最新版本的Typescript。如果这样做，请关闭编辑器，删除node_modules文件夹，然后再次安装依赖项（npm install或yarn install），然后再次检查。

Answer 2

我有同样的错误消息，也与导入有关。

就我而言，问题是由于导入png文件以便在SVG中使用而引起的：

import logo from 'url:../../public/img/logo.png';

我收到的消息是：

Cannot find module 'url:../..public/img/logo.png' or its corresponding type declarations.

解决方案：

在项目根目录中是文件css.d.ts。必须为导入的各种图形扩展（类型）声明一个模块。 （注意：不是针对项目中使用或引用的图形类型，而是针对 导入的 >

这是此项目的完整css.d.ts文件：

declare module '*.scss' {
  const css: { [key: string]: string };
  export default css;
}
declare module '*.sass' {
  const css: { [key: string]: string };
  export default css;
}
declare module 'react-markup';
declare module '*.webp';
declare module '*.png';
declare module '*.jpg';
declare module '*.jpeg';