問題タブ [react-native-vector-icons]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
66 参照

react-native - react-native-vector-icons からアイコンを追加すると React Native エラーが発生する

React Native で初めてのアプリを作成しています。react-navigation bottomTabNavigator を使用していますが、タブにアイコンを追加すると、アプリが Android で動作しません。iOSは正常に動作しています。

これが私のMenu.jsコードの要点です

アイコンを使用する行 (アイコン自体、インポート) をコメントアウトしても、エラーは続きます。しかし、アイコンを使い始めたときにAndroidでエラーが発生したため、何が起こっているのかわかりません。

iOS では、すべてが完璧に機能します。

何か助けはありますか?

0 投票する
2 に答える
1360 参照

react-native - React Native : error undefined JavaScript バンドルの構築に失敗しました

::を使用して反応ネイティブをインストールしました

NPMパッケージをインストールするまで、すべて正常に動作します。新しいパッケージをインストールせずに 3 つのページを作成しました。::を使用して反応ネイティブのベクターアイコンをインストールしたとき

コマンドが完了すると、多くの警告が表示されます::

npm WARN react-native-safe-area-view@0.11.0 には、react-native@* のピアが必要ですが、何もインストールされていません。ピアの依存関係を自分でインストールする必要があります。

npm WARN react-navigation-stack@0.6.0 には、react-native@* のピアが必要ですが、何もインストールされていません。ピアの依存関係を自分でインストールする必要があります。

npm WARN react-native-tab-view@0.0.77 には、react-native@* のピアが必要ですが、何もインストールされていません。ピアの依存関係を自分でインストールする必要があります。

npm WARN react-native-drawer-layout-polyfill@1.3.2 には、react-native@* のピアが必要ですが、何もインストールされていません。ピアの依存関係を自分でインストールする必要があります。

npm WARN react-native-drawer-layout@1.3.2 には、react-native@* のピアが必要ですが、何もインストールされていません。ピアの依存関係を自分でインストールする必要があります。

npm WARN オプションのスキップ オプションの依存関係: fsevents@1.2.4 (node_modules/fsevents): npm WARN notsup オプションのスキップ オプションの依存関係: fsevents@1.2.4 でサポートされていないプラットフォーム: 必要 {"os":"darwin","arch":"any "} (現在: {"os":"linux","arch":"x64"})

しかし、パッケージはインストールされているようです::

  • react-native-vector-icons@6.1.0 は、29 人の貢献者から 47 個のパッケージを追加し、329 個のパッケージを削除し、658 個のパッケージを更新し、83.604 秒で 21565 個のパッケージを監査しました。0 個の脆弱性が見つかりました

その後、 :: expo start を実行すると、 次のエラーが発生します ::

エラーごとに、npm installを実行してからexpo startを実行しました。

すべて問題ないようです。プロジェクトは expo エミュレーターで実行を開始します。 しかし、何かを編集して保存すると、別のエラーが発生します::

添付のスクリーンショットのように、エミュレーターが赤くなり、不明なエラーが表示されます。そのエラーを引き起こした間違いはありますか。反応ネイティブで実行される npm パッケージをインストールできるように、修正をお知らせください。助けてください

ここに画像の説明を入力

0 投票する
1 に答える
220 参照

javascript - react-native-vector-icons + mocha: 不変違反

これは私のコンポーネントです。エミュレーター/電話で問題なく動作します。

しかし、このファイルで単体テストを実行すると (mocha --recursive test/**/*.js):

それはスローします:

不変違反: 要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、オブジェクトを取得しました。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

のレンダリング方法を確認してくださいMyComponent

<View>の代わりにa を使用すると機能<Icon>しますが、嘲笑する必要があります。どうすればこれを修正できますか?