错误：无法解析模块`@react-native-community/toolbar-android`

Question

奇怪的是， react-native-vector-icons运行良好，但在新版本的package.json文件中使用^ ("^6.6.0") 版本时会发生此错误。

这很奇怪，因为两天前它运行良好，但现在我的项目开始运行到这个错误：

错误：错误：无法从node_modules\react-native-vector-icons\lib\toolbar-android.js解析模块@react-native-community/toolbar-android ：@react-native-community/toolbar-android 不能在项目中找到。

Answer 1

在阅读了这个问题并尝试了许多解决方案后，我找到了两个解决方案：

• 您可以删除所有node_modules文件夹并将react-native-vector-icons的版本设置为"6.6.0"而不是"^6.6.0" ，然后再次安装所有软件包。 绝对，最好删除所有缓存和构建并重新开始一切。 （不推荐）

• 您可以使用以下命令安装@react-native-community/toolbar-android ：

   yarn add @react-native-community/toolbar-android

  或者

  npm install --save @react-native-community/toolbar-android

注意：这两个解决方案都是临时的，很快这个错误就会被修复，不需要安装toolbar-android -android package。

---

上一个更新

我在我的项目中将 package 更新为版本"^7.0.0" ，但问题仍然存在，所以这个解决方案目前是坚持不懈的。

---

新更新

此问题已在版本"^7.1.0"上修复，无需安装@react-native-community/toolbar-android 。

Answer 2

更新库

反应本机矢量图标

到最新版本。

Answer 3

我也有这个问题。 就我而言，仅当我使用最新版本 (7.0.0) 再次删除并添加 package 时才有效。

yarn remove react-native-vector-icons
yarn add react-native-vector-icons

Answer 4

有这个完全相同的错误。 我所要做的就是安装toolbar-android & 瞧！

npm install --save @react-native-community/toolbar-android

Answer 5

从版本 6 升级到 7 后，我也遇到了同样的错误。只需重置缓存即可解决此问题。

请尝试npm start -- --reset-cache

Answer 6

Go 路径\node_modules\native-base\node_modules\react-native-vector-icons\lib\toolbar-android.js

将import ToolbarAndroid from '@react-native-community/toolbar-android'替换为import {ToolbarAndroid} from './react-native';

Answer 7

这样做： rm -rf node_modules/ rm -rf package.lock.json npm i ZB1ZBF7DF25BC3AEEC30D794

从你的项目目录:)

Answer 8

只需直接从 react native 导入它就可以解决我的问题

node_modules\react-native-vector-icons\lib\toolbar-android.js

import { ToolbarAndroid } from 'react-native';

Answer 9

同样的问题，我解决了： 我的环境：RN：0.61.5 节点：v12.18.3 操作系统：Windows 10 Pro

您可以安装 react-native-vector-icons 最新版本（当前 7.0.0）。 并且不要运行 auto-link (react-native link react-native-vector-icons) 最后运行react-native start --reset-cache祝你好运。

Answer 10

首先让我们了解一下在package.json中用于 packege 版本的标准约定。 因此，如果您看到~1.0.2 ，则表示安装版本1.0.2或最新的补丁版本，例如1.0.4 。 如果您看到^1.0.2 ，则表示安装版本1.0.2或最新的次要版本或补丁版本，例如1.1.0 。

现在，来到这个问题。

这个问题是因为你有一个版本的react-native-vector-icons这给你带来了一些麻烦。 在你的项目目录下通过这个命令检查它的版本：

npm list react-native-vector-icons --version \ 是6.6.0吗？

不？？ . 有问题。 你需要严格的6.6.0但你还有别的东西。

解决方案：

删除项目下的node_modules目录。 将package.json中的react-native-vector-icons的版本更改为6.6.0 （基本上删除^告诉npm少一点！）我到底想要什么，仅此而已

然后npm install ！

Answer 11

另一种选择是使用世博会的矢量图标。 像这样的东西。 从“@expo/vector-icons”导入 { Ionicons }。 然后像这样渲染你的图标；

<Ionicons
  name="ios-exit-outline"
  color={colors.danger}
  size={28}
  style={{ marginRight: -15 }}
/> 

Answer 12

编辑这个文件 node_modules\react-native-vector-icons\lib\toolbar-android.js

删除 '从'@react-native-community/toolbar-android' 导入 ToolbarAndroid；' 编辑返回 null

Answer 13

对于这种情况，您的模块文件中没有toolbar-android，正如朋友所说，您可以通过此命令修复它

windows 用户：

npm install --save @react-native-community/toolbar-android

Mac 用户：

yarn add @react-native-community/toolbar-android

但总的来说：每当您遇到这种以"Unable to resolve module"开头的错误时，我想告诉你们一个经验。

如果您查看错误，我们发现系统告诉我们的模块有问题。

如果你没有那个模块。 您可以使用命令安装它

Windows 用户：

npm install --save 模块（注意：模块是您需要安装的包或模块的名称）

和 Mac 用户：

yarn add THE MODULE(attention: THE MODULE IS THE NAME OF PACKAGES OR MODULES that u need to install)

例如让我们看看这个错误：

error Unable to resolve module `@react-native-community/slider` from `App.js`: @react-native-community/slider could not be found within the project.

如您所见，错误告诉我们在我们的项目中找不到该模块。 所以我们需要用这个命令安装它：对于 windows 程序员：

npm install --save @react-native-community/slider

对于 mac 程序员：

yarn add @react-native-community/slider

就这样。

我希望你清楚地理解我，并且没有无法解决模块错误的问题，我的命令对你有用。

此致

梅赫拉德·卡兰普尔 (MEH)