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

Question

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

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

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

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

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

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

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

Answer 1

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

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

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

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

否则，您可以检查其他解决方案，例如。 这里： ESLint 在 VS Code 中不起作用？

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

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

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

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

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

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

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

Answer 2

摆脱它的简单方法：禁用Eslint扩展并重新加载 vs 代码