无法创建react-native项目

Question

今天我试图创建一个新项目，我正面临着这个问题。它在最后一天工作。

我用过这个命令“react-native init appname”

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at Module._compile (E:\react-apps\reactapptest\testapp\node_modules\pirates\lib\index.js:91:24)
    at Module._extensions..js (module.js:663:10)
    at Object.newLoader [as .js] (E:\react-apps\reactapptest\testapp\node_modules\pirates\lib\index.js:96:7)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)

请帮我解决问题。

Answer 1

你可以简单地使用CRNA它更好，更容易使用。

$ npm i -g create-react-native-app
$ create-react-native-app appname
$ cd appname
$ npm start

Answer 2

首先，确保您使用以下方法安装了babel核心和装载程序：

$ npm install --save-dev babel-loader babel-core

所以正确的装载机是babel-loader而不是babel。配置应该是：

module: {
  loaders: [
    { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
  ]
}

实际上你需要告诉babel转换你的代码。

在6.x之前，Babel默认启用了某些转换。但是，Babel 6.x不附带任何启用的转换。您需要明确告诉它要运行什么转换。最简单的方法是使用预设，例如ES2015预设。你可以安装它。

$ npm install babel-preset-es2015 --save-dev

预设安装后，您必须启用它。

在项目根目录中创建.babelrc配置并启用一些插件。

假设您已经安装了ES2015 Preset，为了启用它，您必须在.babelrc文件中定义它，如下所示：

{
  "presets": ["es2015"]
}

Babel设置页面中的详细信息。

Answer 3

重新安装react-native-cli可能有所帮助