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

时间:2018-07-17 18:13:35

标签: reactjs react-navigation create-react-app

我已经从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"
  }

2 个答案:

答案 0 :(得分:1)

此问题:https://github.com/react-navigation/react-navigation/issues/3516

  

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

另请参见this section的文档。

TL; DR-他们发布了未编译的代码,并以React Native为目标。我建议您考虑其他选择,例如久经考验的react-router,或者是其中一位原始作者reach-router的更新作品。

答案 1 :(得分:1)

React Navigation最近发布了一个新更新,该更新支持react-navigationcreate-react-app

  

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

在他们的文档here中查看更多详细信息。