JS 和 React Native：node.js 不接受 'import' 关键字答案

【问题标题】：JS and React Native: node.js doesn't accept 'import' keywordJS 和 React Native：node.js 不接受 'import' 关键字
【发布时间】：2017-10-30 00:49:42
【问题描述】：

我是使用 JavaScript 和 React Native 框架的初学者。

我的任务是与我班上的另一个学生一起使用 React Native 编写一个移动 Web 应用程序。他开始构建一个应用程序，该应用程序在他的 Android 模拟器上构建没有任何问题。他发给我他的 App 和 node.js（我的编辑器是 JetBrains WebStorm，我的伙伴使用相同的编辑器）无法识别我的导入反应。

但是当我在命令行中使用 react-native run-android 一切功能启动应用程序时，我可以看到应用程序，但是 我的问题是我无法从我的编辑器运行它。

我已经在我的命令行中安装了这些：

C:\Users\Hang>npm install -g yarn
C:\Users\Hang>npm install -g react-native-cli

我忘了安装什么？

这是我尝试运行应用程序时收到的消息的屏幕截图：

【问题讨论】：

您的 webStorm 版本是多少？你的项目中有node_modules/react，这个文件夹包括吗？你说你不能从编辑器开始 react-native 是什么意思？
我的版本是2017.1.3。是的，我的项目中确实有 node_modules/react 并且包含该文件夹。实际上我的意思是，当我尝试运行我的 index.android.js 文件时，我希望它能够在我的 Android 模拟器中加载应用程序，但它不起作用。在我伙伴的计算机上它可以正常工作，所以我认为缺少安装其他东西。

标签： javascript android node.js react-native webstorm

【解决方案1】：

您正在使用 Node.js 运行配置来启动您的应用程序，但 Node.js 本身不支持 ES6 模块（因此 Syntax erroron import），当然还有，它不支持 react-native cli 选项，所以像你一样运行node index.android.js 不会在 android 模拟器中启动你的应用程序。您应该改用 React Native 运行配置。请参阅https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/，运行和调试应用部分

【讨论】：

并且，请重命名问题 - 它具有误导性。不是编辑器不识别导入 - 从您的屏幕截图中我可以清楚地看到导入在编辑器中被正确识别。是 node.js 不接受 'import' 关键字，因为它不支持 ES6 模块
非常感谢！你解决了我的问题！好的，我刚刚重命名了我的问题。

【解决方案2】：

你必须为你的 IDE (webstorm) 安装 react Native CLI

you will find It here

【讨论】：

感谢您的回答！其实我以为我已经做到了，难道我必须将它安装在另一个文件夹中吗？因为我在这里安装它：C:\Users\Hang>npm install -g react-native-cli
你的电脑上安装了node和npm吗？
那么，你安装了node和npm吗？
是的，我已经这样做了。会不会还有什么遗漏的，我在这个评论下面放了个截图，也许你能更好地理解是什么问题
你是否安装了所有的依赖（node_modules）？