問題タブ [metro-bundler]

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 投票する
2 に答える
5466 参照

react-native - Error: ENOENT: no such file or directory, open 'android\app\src\main\assets\index.android.bundle'

反応ネイティブの初期化プロジェクトを作成しました

次に、react-native run-android を使用してプロジェクトを実行します。問題なく実行されます。

以下のコメントを使用してapkをビルドしようとすると

反応ネイティブ バンドル --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src /メイン/レス

私はこのエラーに直面しています

error ENOENT: no such file or directory, open 'android\app\src\main\assets\index.android.bundle'. 詳細については、 --verbose フラグを指定して CLI を実行してください。Error: ENOENT: no such file or directory, open 'android\app\src\main\asset\index.android.bundle'

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

reactjs - React Native Metro バンドラーは、インポートするファイルを選択します。WebpackリゾルバーのmainFilesとしての動作の作り方

React-Native では、プラットフォームに依存するファイルをインポートできます。 https://facebook.github.io/react-native/docs/platform-specific-code#platform-specific-extensions

プラットフォーム指定のボタンがインポートされます。

それで!

WebPackがmainFilesリゾルバーで許可するように、この動作を拡張するにはどうすればよいですか

例:

Metro バンドラーには既にこれらのオプションがあったようですが、react-native-cli を介してオプションを渡す方法がわかりません。cli なしで自分でバンドラーを実行しようとする必要がありますか?

0 投票する
0 に答える
71 参照

ios - React Native 61 への移行: Metro バンドラーは iOS デバイスで稼働していますが、実行されていません

Metro Bundler の仕組みを理解しようとしています。61 への移行中に、IOS でバンドラーが開始されないという問題に直面しました。Xcode へのビルド フェーズとしてパッケージャー スクリプトの開始を手動で追加した後、メトロ バンドラーはエミュレーターとデバイスの両方に対して稼働していますが、パーセンテージ付きの緑色の線は、次の場合にのみ実行されます。デバイスにインストールするときにエミュレータにアプリをインストールすると、「依存関係グラフの読み込みが完了しました」の後にスタックされますが、アプリはデバイスに正しくインストールされ、実行されています。デバイスとエミュレーターでのビルド プロセスの違いを理解するのを手伝ってください。ありがとうございました

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

javascript - expo のパッケージを配布する方法は? (.web.js、.js 構成)

expo 用のパッケージを配布したい。このパッケージは、expo SDK36 でアプリをビルドしているときに作成されました。

多くの博覧会の依存関係と同様に、私は.ios.js,.android.jsおよび.web.js拡張機能を大量に使用しています。

npmで配布したソースをインポートすると、リゾルバーは.js区別なくインポートするだけです。

例として、このパッケージは expo で動作するはずです:

画像

これは@expo/webpack-config解決された拡張子です:

しかし、そうではありません。ソースに.web.

expoからソースをインポートするときに、各環境に適切なソースをインポートできるように、分散パッケージを構成するにはどうすればよいnode_modulesですか?

編集

私の拡張機能がmain私のフィールドで動作することを期待するのは間違っていましたpackage.json。私は私のリポジトリを次のように再構成しました:

質問:

  1. .native.jsのreactjsユーザー(expoおよびreact-nativeユーザーだけでなく)が.jsデフォルトでファイルをインポートするように使用しました
  2. (1)のため、他の反応ユーザー (react-native でも expo でもありません) は、react-native 拡張機能.web.js.ios.js.android.is.native.jsおよびをサポートするために何らかの追加の構成を必要としません.js
  3. (1).web.jsの代わりに好む場合、反応ユーザーが(2)のようにすることはできません。この場合、プロジェクトで反応ネイティブ拡張機能を構成する方法は何ですか?
  4. 反応ネイティブのすべてのユーザーのために、ネイティブ プロジェクトで拡張機能を構成できる場所を教えてもらえますか? (Webプロジェクトはwebpackで構成できると思いますconfig.resolve.extensions