如何删除vscode中的红色下划线错误？ 打字稿

如何解决如何删除vscode中的红色下划线错误？ 打字稿

我正在使用 React-Native 开发一个应用程序，并且使用 vscode 作为代码编辑器。 当我导入一些图像或包时，出现这些红色和黄色下划线错误。 如何解决这个问题？

我无法理解的一件事是只有“Fontawesome”没有这样的错误，但是“MaterialCommunityIcons”和“Ionicons”都有红色下划线错误。 （第 4、5、6 行）

当我将鼠标悬停在第 1 行黄色下划线上时，它显示我正在关注。

ESLint 被禁用，因为它的执行还没有被批准或拒绝。使用灯泡菜单打开批准对话框。

当我将鼠标悬停在 5,6 红色下划线上时，它显示我正在关注。

找不到模块“react-native-vector-icons/MaterialCommunityIcons”的声明文件。

我多次卸载并安装了“react-native-vector-icons”包，但同样的错误。（完全不是错误，我认为只是输入错误。代码运行良好。） 我安装了以下扩展。

解决方法

为这些单独发布问题是合适的，但是：

1. 第一行出错（ESLint 被禁用）：

这可能有多种原因，但鉴于错误消息，请在命令面板中尝试以下方法并允许 ESLint 访问：

cmd + shift + p，搜索“ESLint：管理库执行”

否则您可以检查其他解决方案，例如。此处：ESLint not working in VS Code?

2. MaterialCommunityIcons 类型声明缺失错误：

也许你还没有安装相应的类型 - 运行：

yarn install @types/react-native-vector-icons -D

3. 无法从 *.png 导入错误：

默认情况下，打字稿不理解 *.png 文件。您可以通过添加具有以下内容的 *.d.ts（例如 assets.d.ts）文件（例如在顶级 types 文件夹中）来解决此问题：

declare module '*.png' {
  const value: any;
  export = value;
}

确保文件位于 typescript 可以找到的路径（必须列在 compilerOptions.include 的 tsconfig.json 属性中）。