带有反应导航的create-react-app

Question

我已经从create-react-app创建了一个应用程序，并且运行良好。 当我添加反应导航时，出现此错误：

./node_modules/react-navigation/src/routers/StackActions.js
Module parse failed: Unexpected token (10:2)
You may need an appropriate loader to handle this file type.
| const pop = payload => ({
|   type: POP,
|   ...payload,
| });
|

可以看出我们没有“ transform-object-rest-spread” babel插件。 有人知道如何添加吗？

这是我在package.json中的依赖项：

 "dependencies": {
    "react": "^16.4.1",
    "react-dom": "^16.4.1",
    "react-navigation": "^2.6.2",
    "react-scripts": "1.1.4"
  }

Answer 1

从此问题开始： https : //github.com/react-navigation/react-navigation/issues/3516

我们目前不明确支持web或reactxp。 如果您想提交一份RFC来说明我们如何做到并拥有它，那就太好了。 现在不是优先事项。 因此，与其说是错误，不如说是功能请求。 对不起:(

另请参阅其文档的这一部分 。

TL; DR-他们发布了未编译的代码，并以React Native为目标。 我建议您考虑其他选择，例如，久经考验的react-router ，或者是原始作者之一的最新版本， 到达路由器 。

Answer 2

React Navigation最近发布了一个新更新，该更新支持使用create-react-app react-navigation

从v3开始，React Navigation内置了对网站的支持，包括服务器渲染。

在此处查看其文档中的更多详细信息。