为什么我不能运行我的React Native项目?

时间:2017-06-28 14:37:28

标签: javascript ios reactjs react-native webstorm

我无法看到我在项目中遇到这些错误。

我试图在我的模拟器中运行index.ios.js(当你第一次制作项目时,React Native附带的那个,欢迎屏幕)文件但是它不是让我。我已经发布了下面其中一个错误的图片。

当我点击error时,向我投掷的其他Run

如果有帮助,我还会在下面添加package.json.eslint文件:文件。

ESLint Error

error

import React, { Component } from 'react';
^^^^^^
SyntaxError: Unexpected token import
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:394:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:509:3

Process finished with exit code 1

package.json档案:

{
  "name": "App",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "^16.0.0-alpha.6",
    "react-native": "^0.43.3",
    "react-native-datepicker": "^1.4.7"
  },
  "devDependencies": {
    "babel-jest": "19.0.0",
    "babel-preset-react-native": "1.9.1",
    "eslint-config-rallycoding": "^3.2.0",
    "jest": "19.0.2",
    "react-test-renderer": "16.0.0-alpha.6"
  },
  "jest": {
    "preset": "react-native"
  }
}

.eslint档案:

{
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true
    }
  },
  "rules": {
    "semi": 2
  }
}

1 个答案:

答案 0 :(得分:0)

  • 运行index.ios.js时出错:您似乎正在使用 Node.js 运行配置来启动您的应用程序,但Node.js本身并不支持ES6模块(因此,导入时出现语法错误),当然,它不支持react-native cli选项,因此运行节点index.ios.js就像你在ios模拟器中启动应用程序一样。您应该使用 React Native 运行配置。请参阅https://blog.jetbrains.com/webstorm/2016/12/developing-mobile-apps-with-react-native-in-webstorm/运行和调试应用部分

  • ESLint:您的ESLint配置(Preferences | Languages & Frameworks | JavaScript | Code Quality Tools | ESLint)是什么样的?你选择了全球或本地的ESLint吗?