Metro won't work on Windows for react native #181

gengjiawen · 2018-06-16T15:41:22Z

Repro repo: https://github.com/gengjiawen/react-native/tree/feature/RNTester_start.
I am trying to make RNTester work on windows, but I am failing with the following mistake. I tested on mac, it works.

Loading dependency graph, done.
error: bundling failed: Error: Unable to resolve module `AppRegistry` from `D:\Developer\react-native\RNTester\js\RNTesterApp.android.js`: Module `AppRegistry` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
    at ModuleResolver.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:209:1301)
    at ResolutionRequest.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:83:16)
    at DependencyGraph.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph.js:239:485)
    at Object.resolve (D:\Developer\react-native\node_modules\metro\src\lib\transformHelpers.js:116:25)
    at dependencies.map.result (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)
    at Array.map (<anonymous>)
    at resolveDependencies (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)
    at D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33
    at Generator.next (<anonymous>)
    at step (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)
 BUNDLE  [android, dev] RNTester\js/RNTesterApp.android.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

The text was updated successfully, but these errors were encountered:

gengjiawen · 2018-06-27T06:37:52Z

@rafeca Can you help on this issue ?

rafeca · 2018-06-27T15:59:29Z

Hey @gengjiawen , from the logs I understand that you're trying to build an android app from Windows right?

Can you paste all the logs since you start Metro? It looks like the project roots may not be configured properly

gengjiawen · 2018-06-27T21:19:37Z

The app is react-native RNTester. It's in this branch https://github.com/gengjiawen/react-native/tree/feature/RNTester_start. The full log is

yarn run v1.7.0
$ flow-node ./local-cli/cli.js start
Scanning folders for symlinks in D:\Developer\react-native\node_modules (92ms)
Warning! Your metro configuration contains a deprecated function "projectRoots". Please, consider changing it to "getProjectRoot" with "watchFolders" (if needed)
┌──────────────────────────────────────────────────────────────────────────────┐
│                                                                              │
│  Running Metro Bundler on port 8081.                                         │
│                                                                              │
│  Keep Metro running while developing on any JS projects. Feel free to        │
│  close this tab and run your own Metro instance if you prefer.               │
│                                                                              │
│  https://github.com/facebook/react-native                                    │
│                                                                              │
└──────────────────────────────────────────────────────────────────────────────┘

Looking for JS files in
   D:\Developer\react-native 


Metro Bundler ready.

Loading dependency graph, done.
error: bundling failed: Error: Unable to resolve module `AppRegistry` from `D:\Developer\react-native\RNTester\js\RNTesterApp.android.js`: Module `AppRegistry` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
    at ModuleResolver.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:209:1301)
    at ResolutionRequest.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:83:16)
    at DependencyGraph.resolveDependency (D:\Developer\react-native\node_modules\metro\src\node-haste\DependencyGraph.js:240:485)
    at Object.resolve (D:\Developer\react-native\node_modules\metro\src\lib\transformHelpers.js:116:25)
    at dependencies.map.result (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:29)
    at Array.map (<anonymous>)
    at resolveDependencies (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:294:16)
    at D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:159:33
    at Generator.next (<anonymous>)
    at step (D:\Developer\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:239:307)
 BUNDLE  [android, dev] RNTester\js/RNTesterApp.android.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

gengjiawen · 2018-06-29T12:14:29Z

@rafeca I created an related pr in react-native facebook/react-native#19974. Hope with that pr you can reproduce this issue easily.

gengjiawen · 2018-07-04T01:54:14Z

@rafeca Can you take some time to take a look on this. I really want to debug react native source code on windows.

mike-niemand · 2018-07-04T16:30:05Z

+1 @rafeca Just updated to 0.56 and borked. Edit: Rolled back to 0.55.4 and app is working again. Will take a read through this.

gengjiawen · 2018-07-05T07:52:44Z

@mjesun Can you help on the issue ?

adirzoari · 2018-07-05T10:53:32Z

same issue. any solution?

victorhugoweb · 2018-07-06T12:19:56Z

any solution?

mjesun · 2018-07-06T21:13:31Z

I think @pvdz was looking at a fix; it seems to be related to Babel changing their normalization path.

Reviewed By: davidaurelio Differential Revision: D8735223 fbshipit-source-id: 646f03a6192699a8f890e19cdcafee1631332251

gengjiawen · 2018-07-11T11:30:31Z

Looks like the problem still exists.

kelset · 2018-07-11T11:30:51Z

A new version of Metro bundler 0.38.2 (and Metro 0.42.1) has been released with a fix for the path normalisation. Please provide a repro if the issue still persist with the new version.

gengjiawen · 2018-07-11T11:33:04Z

I am not with my pc for now. But if you have a pc, you can try the repro repo. I will give a test when I get home.

gengjiawen · 2018-07-11T14:26:53Z

@kelset @pvdz Confirmed 0.42.1 still failed on my win10.

harshulsharma0000 · 2018-07-12T11:17:24Z

@kelset @gengjiawen Tried 0.42.1 and 0.38.2 on my win 10 pc, no success. I am getting Unable to resolve module AccessibilityInfo.

gengjiawen · 2018-07-12T12:52:03Z

I know, many devs prefer macOS or linux. But windows has lots of user too. The repro steps is simple and clear. Please spare some time for this issue.

guilhermegonzaga · 2018-07-14T20:08:38Z

Same problem.
Unable to resolve module AccessibilityInfo.

Version facebook/react-native: 0.56
OS: Windows 10

Rolled back to 0.55.4 and app is working again.
Any prediction to solve the problem?

vipcxj · 2018-07-16T09:36:45Z

because of this issue?

mike-niemand · 2018-07-16T17:29:43Z

A month old blocking issue? Tried a few things but cannot get it to work on Windows.

guilhermegonzaga · 2018-07-16T18:12:30Z

Very frustrating, a stable version with a bug and no attention and explanation for a fix 👎

rafeca · 2018-07-17T18:00:21Z

First of all apologies for the delay answering.

It was hard to debug Windows issues since I didn't have any Windows machine to be able to reproduce it. Now I got one and I'm working on a fix, which should come very soon

gengjiawen · 2018-07-18T06:23:14Z

@rafeca No, still has issue, please reopen.

error: bundling failed: Error: Unable to resolve module `missing-asset-registry-path` from `D:\code\react-native\RNTester\js\uie_thumb_normal@2x.png`: Module `missing-asset-registry-path` does not exist in the Haste module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset Metro Bundler cache: `rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache`.
  4. Remove haste cache: `rm -rf /tmp/haste-map-react-native-packager-*`.
    at ModuleResolver.resolveDependency (D:\code\react-native\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:209:1301)
    at ResolutionRequest.resolveDependency (D:\code\react-native\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:83:16)
    at DependencyGraph.resolveDependency (D:\code\react-native\node_modules\metro\src\node-haste\DependencyGraph.js:240:485)
    at Object.resolve (D:\code\react-native\node_modules\metro\src\lib\transformHelpers.js:116:25)
    at dependencies.map.result (D:\code\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:305:29)
    at Array.map (<anonymous>)
    at resolveDependencies (D:\code\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:301:16)
    at D:\code\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:166:33
    at Generator.next (<anonymous>)
    at step (D:\code\react-native\node_modules\metro\src\DeltaBundler\traverseDependencies.js:260:307)
 BUNDLE  [android, dev] RNTester\js/RNTesterApp.android.js ░░░░░░░░░░░░░░░░ 0.0% (0/1), failed.

patrickkempff · 2018-07-18T07:52:57Z

This is still an issue for some developers is my team, please reopen.

kelset · 2018-07-18T08:50:46Z

Folks I think that this got closed via this commit facebook/react-native@3ac86c3

We'll make sure to cherry pick it into 0.56.1 and release it asap.

gengjiawen · 2018-07-18T08:58:02Z

@kelset From what I test on RNTester , still not working. Can you verify this before publish it.

kelset · 2018-07-18T09:01:45Z

Uhm gotcha - how did you test it?

gengjiawen · 2018-07-18T09:29:21Z

Exactly the same repro. Build RNTester and launch it.

kelset · 2018-07-18T09:37:19Z

I mean, how did you text this precise fix? Did you modify the code inside your node_module? downloaded master and tested against it?

gengjiawen · 2018-07-18T09:43:41Z

I rebase my branch from react native master.

donjo9 · 2018-07-19T10:54:25Z

@kelset I just did a fresh install of 0.56 and modified the files in my node_modules from commit facebook/react-native@3ac86c3
Still not working

React Native Environment Info:
    System:
      OS: Windows 10
      CPU: x64 Intel(R) Core(TM) i7-4510U CPU @ 2.00GHz
      Memory: 1.86 GB / 7.89 GB
    Binaries:
      Yarn: 1.6.0 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
      npm: 5.6.0 - C:\Program Files\nodejs\npm.CMD
    IDEs:
      Android Studio: Version  3.1.0.0 AI-173.4819257

kelset · 2018-07-19T11:00:34Z

👋 thanks for the second confirmation, I've spoken with Rafeca and he told me that a colleague of his is on the case, hopefully a fix will be found soon!

Anyway remember that everything is open source so you can try to pinpoint the issue yourself and create test solutions!

gengjiawen · 2018-07-19T11:19:17Z

@kelset In the latest code, the debug mode finally works. But you can't bundle a release using gradlew :RNTester:android:app:assembleRelease.

FAILURE: Build failed with an exception.

* What went wrong:
Failed to capture snapshot of input files for task ':RNTester:android:app:bundleReleaseJsAndAssets' property '$1' during up-to-date check.
> Failed to create MD5 hash for file content.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

Angelk90 · 2018-07-26T08:44:28Z

@kelset , @gengjiawen : Are there any updates on how to solve the 0.56.0 problem?

kelset · 2018-07-26T08:48:44Z

We've opened a new issue to discuss the whole Windows problem, please keep an eye there: facebook/react-native#20353

jfaller30 · 2018-09-28T15:50:53Z

This is what I did and it solved the issue for me:

Create a project

react-native init awesomeproject
cd awesomeproject

Remove default version of RN and install v 0.55.4

npm remove --save react-native
npm i --save react-native@0.55.4

Remove Metro core (not sure this is needed)

npm remove --save-dev metro metro-core

Remove Babel and install v 2.1.0

npm remove babel-preset-react-native
npm i --save babel-preset-react-native@2.1.0

In the ".babelrc" file in the project

change: "presets": ["module:metro-react-native-babel-preset"]
To: "presets": ["react-native"]

Try to run

react-native run-android

Hope it helps!

John

mike-niemand · 2018-09-28T16:40:11Z

This is no longer a problem under 0.57.

salujaharkirat · 2018-10-12T11:52:07Z

i am still facing this problem on 0.57.2 ...

aeleftheriadis · 2018-10-12T12:36:03Z

I have the same problem on 0.57.2 but 0.57.1 works fine on Windows

Dimous · 2018-10-12T12:47:07Z

Try 0.57.3

pocesar · 2018-11-05T07:49:38Z

doesn't work even on 0.57.4, as in facebook/react-native#20460

EvertonCosmo · 2019-04-09T06:21:50Z

any feasible solution?

GabrielDuarteJr · 2019-05-24T01:07:40Z

any feasible solution?

hashan41 · 2019-05-25T09:35:44Z

Babel runtime dev dependency missing

npm install @babel/runtime --save-dev

ofirgeller · 2019-07-08T10:51:36Z

Does not work for me.
using react native 0.59

philippkolbe · 2021-08-09T10:44:36Z

I found a solution that worked for me for the error error: bundling failed: Error: Unable to resolve module.

It seems like using a function in the module.exports of metro.config.js does not work. After using an object it worked for me.

gengjiawen mentioned this issue Jun 17, 2018

RNTester-Windows-Android facebook/react-native#19654

Closed

johakr mentioned this issue Jun 20, 2018

Unexpected token import, v0.56.0-rc cliEntry.js error facebook/react-native#19669

Closed

gengjiawen mentioned this issue Jun 29, 2018

Fix RNTester on Windows facebook/react-native#19974

Closed

johakr mentioned this issue Jul 5, 2018

React native 0.56.* - "Unexpected identifier" facebook/react-native#20015

Closed

3 tasks

gengjiawen referenced this issue Jul 9, 2018

Fix regex paths for Windows

3f9cb2e

Reviewed By: davidaurelio Differential Revision: D8735223 fbshipit-source-id: 646f03a6192699a8f890e19cdcafee1631332251

kelset mentioned this issue Jul 13, 2018

Haste module overrides for react-native-windows resolution failures facebook/react-native#19953

Closed

3 tasks

gengjiawen mentioned this issue Jul 16, 2018

Support third-party 64-bit libraries on Android facebook/react-native#2814

Closed

hramos mentioned this issue Jul 17, 2018

[CI] Run tests on Windows facebook/react-native#20260

Closed

facebook-github-bot closed this as completed in facebook/react-native@3ac86c3 Jul 17, 2018

kelset mentioned this issue Jul 18, 2018

0.56.x Discussion react-native-community/releases#14

Closed

gengjiawen mentioned this issue Jul 18, 2018

add windows ci facebook/react-native#20281

Closed

gengjiawen mentioned this issue Jul 23, 2018

Packager build error on Windows: "Unexpected identifier" or "Unable to resolve a Haste module" facebook/react-native#20353

Closed

gengjiawen mentioned this issue Aug 2, 2018

[BUG] Metro still can't build on windows #213

Closed

rafeca mentioned this issue Aug 9, 2018

Unable to resolve module AccessibilityInfo #217

Closed

Metro won't work on Windows for react native #181

Metro won't work on Windows for react native #181

Comments

gengjiawen commented Jun 16, 2018

gengjiawen commented Jun 27, 2018

rafeca commented Jun 27, 2018

gengjiawen commented Jun 27, 2018

gengjiawen commented Jun 29, 2018 • edited Loading

gengjiawen commented Jul 4, 2018

mike-niemand commented Jul 4, 2018 • edited Loading

gengjiawen commented Jul 5, 2018

adirzoari commented Jul 5, 2018

victorhugoweb commented Jul 6, 2018

mjesun commented Jul 6, 2018

gengjiawen commented Jul 11, 2018

kelset commented Jul 11, 2018

gengjiawen commented Jul 11, 2018

gengjiawen commented Jul 11, 2018 • edited Loading

harshulsharma0000 commented Jul 12, 2018 • edited Loading

gengjiawen commented Jul 12, 2018 • edited Loading

guilhermegonzaga commented Jul 14, 2018

vipcxj commented Jul 16, 2018

mike-niemand commented Jul 16, 2018

guilhermegonzaga commented Jul 16, 2018

rafeca commented Jul 17, 2018

gengjiawen commented Jul 18, 2018

patrickkempff commented Jul 18, 2018

kelset commented Jul 18, 2018

gengjiawen commented Jul 18, 2018

kelset commented Jul 18, 2018

gengjiawen commented Jul 18, 2018

kelset commented Jul 18, 2018 • edited Loading

gengjiawen commented Jul 18, 2018

donjo9 commented Jul 19, 2018

kelset commented Jul 19, 2018

gengjiawen commented Jul 19, 2018 • edited Loading

Angelk90 commented Jul 26, 2018

kelset commented Jul 26, 2018

jfaller30 commented Sep 28, 2018

Create a project

Remove default version of RN and install v 0.55.4

Remove Metro core (not sure this is needed)

Remove Babel and install v 2.1.0

In the ".babelrc" file in the project

Try to run

mike-niemand commented Sep 28, 2018

salujaharkirat commented Oct 12, 2018

aeleftheriadis commented Oct 12, 2018

Dimous commented Oct 12, 2018

pocesar commented Nov 5, 2018

EvertonCosmo commented Apr 9, 2019

GabrielDuarteJr commented May 24, 2019

hashan41 commented May 25, 2019

ofirgeller commented Jul 8, 2019

philippkolbe commented Aug 9, 2021

gengjiawen commented Jun 29, 2018 •

edited

Loading

mike-niemand commented Jul 4, 2018 •

edited

Loading

gengjiawen commented Jul 11, 2018 •

edited

Loading

harshulsharma0000 commented Jul 12, 2018 •

edited

Loading

gengjiawen commented Jul 12, 2018 •

edited

Loading

kelset commented Jul 18, 2018 •

edited

Loading

gengjiawen commented Jul 19, 2018 •

edited

Loading