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

Question

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

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

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

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

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

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

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

Answer 1

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

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

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

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

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

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

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

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

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

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

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

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