Issue getting react-native-windows installed. Can't run rnpm windows successfully

[kcfgl]

I'm converting an existing iOS app over to React Native so I can deploy on Windows (thanks to the new UWP support!). I'm looking to add support to an existing React Native app.

But having issues getting dev machine set up. I've tried rolling back to the react-native-windows version, tried rolling back the react-native version to match. I've also messed with my package.json. Nothing seems to work so I can't get the plugin to run and generate the Windows files.

I hit peer dependency errors regardless of how I try to install. But I'm sure I'm missing something.

Here is the error.

Error: Command failed: npm install --save react-native-windows@0.30.*
npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "--save" "react-native-windows@0.30.*"
npm ERR! node v6.3.1
npm ERR! npm  v3.10.3

npm ERR! No compatible version found: react-native-windows@0.30.*
npm ERR! Valid install targets:
npm ERR! 1.0.0, 0.30.0-rc.0, 0.29.2, 0.29.1, 0.29.0, 0.29.0-rc.0, 0.28.3, 0.28.2, 0.28.1, 0.28.0, 0.28.0-rc.1, 0.28.0-rc.0, 0.27.0, 0.27.0-rc, 0.2.5-rc7, 0.2.4, 0.2.3, 0.2.2, 0.2.1, 0.1.0
npm ERR!
npm ERR!

Here is relevant part of package.json
"dependencies": { "react": "15.2.1", "react-native": "0.30.0-rc.0", "react-native-windows": "0.30.0-rc.0" },

Any help you can provide would be awesome. Thanks.

[rozele]

Kane Cochran (@kcfgl) Sorry for the inconvenience. Last week, react-native@0.30.0 was published and unfortunately we haven't got around to publishing react-native-windows@0.30.0 (this should happen sometime this week). In the meantime, you should be able to get around this issue by running:

rnpm windows --windowsVersion 0.30.0-rc.0

[rozele]

FYI, I published 0.30.0, so rnpm windows (without the --windowsVersion flag) should work for you now.

[kcfgl]

Thanks for the fast response Eric Rozell (@rozele). That did the trick, I should've thought about it.

But now the linking seems off. I guess I've missed a step somewhere. But just to be sure my original project wasn't the project, I created a fresh one. Got everything to install. But when I run the project it won't compile....

Restoring NuGet packages... To prevent NuGet from restoring packages during build, open the Visual Studio Options dialog, click on the Package Manager node and uncheck 'Allow NuGet to download missing packages during build.' ------ Build started: Project: WinRNTest, Configuration: Debug ARM ------ C:\WinRNTest\windows\WinRNTest\App.xaml.cs(1,7,1,18): error CS0246: The type or namespace name 'ReactNative' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(1,7,1,18): error CS0246: The type or namespace name 'ReactNative' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(2,7,2,18): error CS0246: The type or namespace name 'ReactNative' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(3,7,3,18): error CS0246: The type or namespace name 'ReactNative' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(8,22,8,31): error CS0246: The type or namespace name 'ReactPage' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(28,30,28,43): error CS0246: The type or namespace name 'IReactPackage' could not be found (are you missing a using directive or an assembly reference?) C:\WinRNTest\windows\WinRNTest\MainPage.cs(10,32,10,49): error CS0115: 'MainPage.MainComponentName': no suitable method found to override C:\WinRNTest\windows\WinRNTest\MainPage.cs(28,45,28,53): error CS0115: 'MainPage.Packages': no suitable method found to override C:\WinRNTest\windows\WinRNTest\MainPage.cs(39,30,39,49): error CS0115: 'MainPage.UseDeveloperSupport': no suitable method found to override C:\WinRNTest\windows\WinRNTest\App.xaml.cs(17,26,17,35): error CS0246: The type or namespace name 'ReactPage' could not be found (are you missing a using directive or an assembly reference?) ========== Build: 0 succeeded, 1 failed, 0 up-to-date, 0 skipped ========== ========== Deploy: 0 succeeded, 0 failed, 0 skipped ==========

If this is on my end, sorry to be a pain! But in case its related to the new build, wanted to share it.

[rozele]

I assume you're running from Visual Studio?

[rozele]

Also, make sure ReactNative is still linked in your project References:

And also double check that the react-native-windows folder exists in node_modules. If not, then something might have gone wrong with the install.

[kcfgl]

Yep, Visual Studio on VM (Parallels).

You're right, it isn't linked in project references, which is weird, I didn't actually change anything before trying to build. But react-windows-native does still exist in node_modules. I assume I can just add the reference to the ReactNative folder within react-native-windows? Sorry if that is a dumb question, I'm an iOS guy so I'm hunting and pecking a bit in VS.

[kcfgl]

Also, ReactWindowsMap isn't referenced either.

[rozele]

ah, sorry, ReactWindowsMap is my own custom thing (you don't have to worry about it).

You're looking for these lines in your WinRNTest.csproj file:
https://github.com/ReactWindows/react-native-windows/blob/0.30-stable/local-cli/generator-windows/templates/proj/MyApp.csproj#L204-L209

[kcfgl]

Yeah those are definitely not in there. I've attempted to add the reference but its not allowing me to add ReactNative.csproj.

I'm definitely turning into a headache, sorry.

[rozele]

Not a headache at all! Would it be possible for you to zip up your windows folder and attach it here? I'd be happy to take a look.

[kcfgl]

Absolutely, here you go. Thanks for taking a look. This is just a generic starter app. Wanted to make sure a clean (but still existing) app worked before running the full existing app.

windows.zip

Thanks again!

[rozele]

Kane Cochran (@kcfgl): from the looks of the zip folder you sent me, it looks like the ReactNative project has been removed from WinRNTest.sln. You can add this back pretty easily by right-clicking on the Solution icon in the Solution Explorer (it says something like Solution 'WinRNTest' (1 project)). Then, select "Add Existing Project" and find ../node_modules/react-native-windows/ReactWindows/ReactNative/ReactNative.csproj.

For simplicity's sake, I've posted what your final .sln file should look like on Gist:
https://gist.github.com/rozele/262b04781405d02529f8639e717b3916

You could always replace your WinRNTest file with that.

[rozele]

Also, it looks like the reference from WinRNTest.csproj to ReactNative was also lost (the one I referenced above), you can add that back by right-clicking References under the WinRNTest project, select "Add Reference" and check ReactNative from the list of solution projects (after you did the previous step).

[kcfgl]

Ugh. My original one didn't work. So I replaced it with yours. Then followed your second step.
... So ReactNative isnt listed in the list of Solution Projects. Only WinRNTest. I'm thinking about removing this test project and starting fresh to see what happens, instead of continuing to pepper you with questions.

[rozele]

hmm, you might have had to re-open Visual Studio to get the ReactNative project to show up in the Solution Explorer.