Question

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

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

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

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

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
  }
}

Answer 1

运行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吗？

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

1 个答案: