36

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

在此处输入图像描述

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

错误：错误：无法在项目中找到@react-native-community/toolbar-android来自node_modules\react-native-vector-icons\lib\toolbar-android.js@react-native-community/toolbar-android 的模块。

4

13 回答 13

63

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

  • 您可以删除所有node_modules文件夹并放置 to 的版本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包。

上一个更新

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

新更新

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

于 2020-07-07T06:50:09.453 回答
9

更新库

反应本机矢量图标

到最新版本。

于 2020-07-07T11:31:58.613 回答
5

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

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

于 2020-09-20T11:06:57.903 回答
4

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

yarn remove react-native-vector-icons
yarn add react-native-vector-icons
于 2020-07-30T20:47:44.473 回答
2

走这条路\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';

于 2021-05-15T05:55:48.177 回答
1

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

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

于 2020-11-24T09:18:40.613 回答
0

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项目下的目录。react-native-vector-icons将in的版本更改package.json为6.6.0（基本上删除^以告诉npm我我想要什么。仅此而已，仅此而已！）

然后做npm install！

于 2020-09-11T03:14:44.033 回答
0

这样做： rm -rf node_modules/ rm -rf package.lock.json npm i react-native start --reset-cache

从你的项目目录:)

于 2020-07-25T18:20:08.877 回答
0

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

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

import { ToolbarAndroid } from 'react-native';
于 2020-08-05T15:49:13.337 回答
0

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

<Ionicons
  name="ios-exit-outline"
  color={colors.danger}
  size={28}
  style={{ marginRight: -15 }}
/>
于 2021-12-19T02:17:25.643 回答
0

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

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

于 2020-08-25T03:59:03.647 回答
-1

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

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

于 2020-07-11T18:56:22.587 回答
-3

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

窗户用户：

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)

于 2021-01-27T23:06:37.710 回答