Windows10でReactNative環境構築でエラーになりました。

2019-12-28

WindowsでReactNative開発を行う方はいないかもしれませんが、 公式サイトの「Getting Started」を実行すると以下のエラーとなったのでメモ。

Unable to load script.Make sure you are either running a Metro server or that your bundle 'index.android.bundle' is packaged correctly for release

結論から言うとnode.jsのバージョンを12.8以下に下げれば大丈夫そうです。

エラーの内容

公式サイトの手順に沿って、必要な開発環境(node、python2、JDK、AndroidStudio)をインストールを行う。
その後、ReactNativeプロジェクトを作成、起動コマンドを実行するとエミュレータにエラーが表示される(起動コマンドにはエラーは出ていないのに)。

reactnative_1.png

最初はこんなものかと思い、RELOADを行うと、エラーの内容が変わる。

reactnative_2.png

サーバが立ち上がっていないとのことなので、起動コマンドを実行する。

react-native start

error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class. Run CLI with --verbose flag for more details.
SyntaxError: Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class

正規表現の解析でエラーとなり、サーバ起動に失敗していたためと考えられる。

node.jsのバージョンを下げる

stackoverflowを見てみると、最新のnode.jsでは起動に失敗するらしく、バージョンを下げるように書いてありました。
(2019/12/28時点の最新バージョン12.14)

stackoverflow

chocolateyでバージョンを下げる。

choco uninstall nodejs
choco install nodejs --version 12.8

10.X系でも大丈夫そうでした。

無事動いていることを確認

再度、サーバーを起動するとエラーは表示されず、起動感のあるメッセージが表示される。
reactnative_3.png

ReactNativeアプリを起動して、エミュレータにアプリが表示される。

reactnative_4.png

別の解決方法?

私の環境では解決できなかったが、以下の方法でも解決できるかも?

ReactNative Androidで 『Unable to load script from assets index.android.bundle』エラーが出た時の対処法

■同じタグの記事(最新5件)
react-native-cliパッケージが非推奨になっていました
■同じタグの記事を見る