问题描述
我正在使用 React-Native 开发一个应用程序,并且使用 vscode 作为代码编辑器。 当我导入一些图像或包时,出现这些红色和黄色下划线错误。 如何解决这个问题?
我无法理解的一件事是只有“Fontawesome”没有这样的错误,但是“MaterialCommunityIcons”和“Ionicons”都有红色下划线错误。 (第 4、5、6 行)
当我将鼠标悬停在第 1 行黄色下划线上时,它显示我正在关注。
ESLint 被禁用,因为它的执行还没有被批准或拒绝。使用灯泡菜单打开批准对话框。
当我将鼠标悬停在 5,6 红色下划线上时,它显示我正在关注。
找不到模块“react-native-vector-icons/MaterialCommunityIcons”的声明文件。
我多次卸载并安装了“react-native-vector-icons”包,但同样的错误。(完全不是错误,我认为只是输入错误。代码运行良好。) 我安装了以下扩展。
解决方法
为这些单独发布问题是合适的,但是:
- 第一行出错(ESLint 被禁用):
这可能有多种原因,但鉴于错误消息,请在命令面板中尝试以下方法并允许 ESLint 访问:
cmd + shift + p
,搜索“ESLint:管理库执行”
否则您可以检查其他解决方案,例如。此处:ESLint not working in VS Code?
-
MaterialCommunityIcons
类型声明缺失错误:
也许你还没有安装相应的类型 - 运行:
yarn install @types/react-native-vector-icons -D
- 无法从
*.png
导入错误:
默认情况下,打字稿不理解 *.png
文件。您可以通过添加具有以下内容的 *.d.ts
(例如 assets.d.ts
)文件(例如在顶级 types
文件夹中)来解决此问题:
declare module '*.png' {
const value: any;
export = value;
}
确保文件位于 typescript 可以找到的路径(必须列在 compilerOptions.include
的 tsconfig.json
属性中)。