React native with UWP - 如何设置 react-native UWP 环境？

Posted 2023-04-15

【中文标题】React native with UWP - 如何设置 react-native UWP 环境？

【英文标题】：React native with UWP - How to setup react-native UWP environment?

【发布时间】：2017-03-01 03:40:02

【问题描述】：

我有一个特定的要求，即使用 react native 为使用 UWP 的 Windows 设备创建应用程序。我在谷歌上搜索了支持 UWP 的 windows react native 然后我关注了https://github.com/ReactWindows/react-native-windows

我的 NPM 版本：2.15.9

节点版本：4.6.1

我遵循的命令：

choco install nodejs.install

npm install -g react-native-cli

react-native init AwesomeProject

cd AwesomeProject

npm install --save-dev rnpm-plugin-windows

反应原生窗口

然后我得到以下错误

E:\reactApps\myapp\sample1>react-native 窗口 E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-core\lib\transformation\file\options\option-manager.js:176 throw new ReferenceError(messages.get("pluginUnknown", plugin, loc, i, dirname)); ^

ReferenceError：在“base”中指定的未知插件“transform-flow-strip-types”为 0，尝试相对于“E:\reactApps\myapp\sample1\node_modules\react-native-windows\local-cli 进行解析" 在 E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-core\lib\transformation\file\options\option-manager.js:176:17 在 Array.map （本机） 在 Function.normalisePlugins (E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-core\lib\transformation\file\options\option-manager.js:154:20) 在 OptionManager.mergeOptions (E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-core\lib\transformation\file\options\option-manager.js:228:36) 在 OptionManager.init (E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-core\lib\transformation\file\options\option-manager.js:373:12) 编译时 (E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-register\lib\node.js:103:45) 在装载机处（E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-register\lib\node.js:144:14） 在 Object.require.extensions.(匿名函数) [as .js] (E:\reactApps\myapp\sample1\node_modules\react-native\node_modules\babel-register\lib\node.js:154:7) 在 Module.load (module.js:343:32) 在 Function.Module._load (module.js:300:12)

React native ref

【参考方案1】：

问题与您使用的 NPM 版本有关。您应该至少使用 npm@3.*。尝试使用npm upgrade npm@latest 升级。

之后，您需要删除 node_modules 文件夹并在您的项目目录中重新运行 npm install。

【讨论】：

E:\reactApps\myapp\sample1>npm -v 3.10.8

那是我当前的 npm 版本，但还是不行