Reagieren-Native Installieren, Fehler mit Babel ES2015

Ich versuche zu starten, ein neues reagieren-native-Projekt nach dem Erste Schritte Beispiel in die Projekte docs. Unten ist das installieren und die Fehlermeldung, die ich bekomme. KNOTEN 5.2, NPM ist 3.3.12. Mac ist El Capitain.

Bekomme ich eine Fehlermeldung: Fehler: Konnte nicht finden preset „es2015“ relativ zum Verzeichnis verweisen auf ES2015 relativ zum Verzeichnis.

Ich dann befolgen Sie die Ratschläge hier und haben beide presets installiert, lokal und Global in der project. Sie sehen es in der npm ls -g-Befehl unter, dass seine Global installiert. Nach der Installation vor Ort in das Projekt, ich bekomme ein peer deependency Warnung für reagieren: UNERFÜLLTE PEER-ABHÄNGIGKEIT [email protected]

Habe ich dann installiert [email protected] Ich habe dann erneut ausführen, reagieren-native run-ios-und ich bekomme den gleichen Fehler:

Alains-MacBook-Pro:AwesomeProject klik$ react-native run-ios
/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413
          throw new Error( /*istanbul ignore next*/"Couldn't find preset " + /*istanbul ignore next*/(0, _stringify2.default)(val) + " relative to directory " + /*istanbul ignore next*/(0, _stringify2.default)(dirname));
          ^

Error: Couldn't find preset "es2015" relative to directory "/Users/klik"
    at /Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413:17
    at Array.map (native)

Ich dann führen Sie npm install auf das Projekt und bekomme den gleichen Fehler wieder.

Alains-MacBook-Pro:AwesomeProject klik$ npm -v
3.3.12
Alains-MacBook-Pro:AwesomeProject klik$ npm install
Alains-MacBook-Pro:AwesomeProject klik$ react-native run-ios
/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413
          throw new Error( /*istanbul ignore next*/"Couldn't find preset " + /*istanbul ignore next*/(0, _stringify2.default)(val) + " relative to directory " + /*istanbul ignore next*/(0, _stringify2.default)(dirname));
          ^

Error: Couldn't find preset "es2015" relative to directory "/Users/klik"
    at /Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413:17
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:405:20)
    at OptionManager.mergePresets (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:388:10)
    at OptionManager.mergeOptions (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:347:14)
    at OptionManager.addConfig (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:248:10)
    at OptionManager.findConfigs (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:454:16)
    at OptionManager.init (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:502:12)
    at compile (/Users/klik/projects/AwesomeProject/node_modules/babel-register/lib/node.js:112:69)
    at loader (/Users/klik/projects/AwesomeProject/node_modules/babel-register/lib/node.js:158:14)

Ich dann hinzufügen .babelrc-Datei mit dem folgenden JSON. Dies hat an anderen Projekten gearbeitet, die für mich nach dem Lesen auf Babeljs.io und ich sah es vorgeschlagen hier wieder also ich habe es versucht. Es hat nicht funktioniert, aber produziert diese verschiedene Fehler verweisen auf das Versprechen Verzeichnis. Dieses sieht wie es warten auf ein Versprechen zurück, die mit der ios-Datei in das Projekt, das nicht vorhanden ist, weil Reagieren-Native niemals beendet die Installation. Ich habe alles für Dateien in dem Projekt nach dem ausführen von npm install werden node_modules Verzeichnis-und package.json und die .babelrc Datei, die ich aufgenommen:

Alains-MacBook-Pro:AwesomeProject klik$ npm install
Alains-MacBook-Pro:AwesomeProject klik$ react-native run-ios
/Users/klik/projects/AwesomeProject/node_modules/promise/lib/done.js:10
      throw err;
      ^

Error: ENOENT: no such file or directory, uv_chdir
    at Error (native)
    at process.chdir (/Users/klik/projects/AwesomeProject/node_modules/graceful-fs/polyfills.js:18:9)
    at _runIOS (runIOS.js:51:11)
    at runIOS.js:24:5
    at tryCallTwo (/Users/klik/projects/AwesomeProject/node_modules/promise/lib/core.js:45:5)
    at doResolve (/Users/klik/projects/AwesomeProject/node_modules/promise/lib/core.js:200:13)
    at new Promise (/Users/klik/projects/AwesomeProject/node_modules/promise/lib/core.js:66:3)
    at Array.runIOS (runIOS.js:23:10)
    at Object.run (/Users/klik/projects/AwesomeProject/node_modules/react-native/local-cli/cli.js:87:13)
    at Object.<anonymous> (/Users/klik/.nvm/versions/node/v5.2.0/lib/node_modules/react-native-cli/index.js:88:7)

Dies ist die original-install mit Fehler:

Alains-MacBook-Pro:~ klik$ npm ls -g --depth=0
/Users/klik/.nvm/versions/node/v5.2.0/lib
├── babel-[email protected].8.0
├── babel-preset-[email protected].6.0
├── babel-preset-[email protected].5.0
├── cf-[email protected].0.2
├── [email protected].10.2
├── [email protected].13.4
├── firebase-[email protected].0.0
├── gulp-[email protected].2.1
├── [email protected].9.2
├── node-pre-[email protected].6.28
├── [email protected].9.2
├── [email protected].3.12
├── react-native-[email protected].2.0
├── reindex-[email protected].4.1
├── [email protected].7.0
├── [email protected].13.0
└── webpack-dev-[email protected].14.1

Alains-MacBook-Pro:~ klik$ which node
**/Users/klik/.nvm/versions/node/v5.2.0/bin/node**
Alains-MacBook-Pro:~ klik$ which npm
**/Users/klik/.nvm/versions/node/v5.2.0/bin/npm**
Alains-MacBook-Pro:~ klik$ watchman -v
4.5.0
Alains-MacBook-Pro:~ klik$ cd projects
Alains-MacBook-Pro:projects klik$ react-native init AwesomeProject
This will walk you through creating a new React Native project in /Users/klik/projects/AwesomeProject
Installing react-native package from npm...
/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413
          throw new Error( /*istanbul ignore next*/"Couldn't find preset " + /*istanbul ignore next*/(0, _stringify2.default)(val) + " relative to directory " + /*istanbul ignore next*/(0, _stringify2.default)(dirname));
          ^

Error: Couldn't find preset "es2015" relative to directory "/Users/klik"
    at /Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:413:17
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:405:20)
    at OptionManager.mergePresets (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:388:10)
    at OptionManager.mergeOptions (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:347:14)
    at OptionManager.addConfig (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:248:10)
    at OptionManager.findConfigs (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:454:16)
    at OptionManager.init (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:502:12)
    at compile (/Users/klik/projects/AwesomeProject/node_modules/babel-register/lib/node.js:112:69)
    at loader (/Users/klik/projects/AwesomeProject/node_modules/babel-register/lib/node.js:158:14)
Alains-MacBook-Pro:projects klik$ 

Irgendwelche Ideen in den Sinn kommen? Vielen Dank im Voraus für Eure Hilfe.

InformationsquelleAutor idkjs | 2016-05-21



One Reply
  1. 1

    tl;dr.
    npm i babel-preset-react-native --save-dev
    $ echo '{"presets": ["react-native"]}' > .babelrc

    Also das problem, wie schon in der erste Fehler beginnt in der babel-Optionen-manager:
    at OptionManager.init (/Users/klik/projects/AwesomeProject/node_modules/babel-core/lib/transformation/file/options/option-manager.js:502:12)

    Während Sie versuchen, herauszufinden, wie zu reagieren-native-Projekt läuft, kam ich über Este ist DevStack für reagieren-native. Wenn ich installiert, es funktionierte wie beworben. Ich ging, um den code zu sehen, warum es funktionierte, und nicht einen einzigen, der andere arbeitete. Este hat eine .babelrc-Datei. Hier ist Sie:
    Este .babelrc
    {
    „presets“: [„reagieren-native“],
    „env“: {
    „Produktion“: {
    „plugins“: [
    „transform-reagieren-Konstante-Elemente“,
    „transform-reagieren-inline-Elemente“
    ]
    }
    }
    }

    Habe ich den „env“ – Einstellung auf die .babelrc ich zuvor erstellt haben. Dies ist die aktuelle .babelrc-Datei.

    {
      "retainLines": true,
      "compact": true,
      "comments": false,
      "plugins": [],
      "presets": ["react", "react-native"],
      "env": {  
          "plugins": [
            "transform-react-constant-elements",
            "transform-react-inline-elements"
          ]   
      },
      "sourceMaps": false,
    }

    Fügte ich dieses Optionen-Konfiguration in jedem bisherigen Projekt, einschließlich der, die ist der Gegenstand der Frage, und jeder von Ihnen arbeitete. Dies beinhaltet die FB, Beispiel. Sie alle arbeiteten. Offenbar Babel 6 nicht mehr verwandelt standardmäßig, und Sie haben, um es zu aktivieren. Ich habe in der Reagieren-Native Babel Preset auf github und es Griffe verwandelt. Das ist also der neue .babelrc Datei und es funktioniert.

    {"presets": ["react-native"]}

    Herausstellt @jaxoncreed hat die richtige Lösung in seinem Frage hier. Die Antwort es schon sagt gibt es eine Standard-fallback .babelrc-Datei, die verwendet wird, wenn Sie in. In der Kopie des tutorial-Projekts heruntergeladen vor ein paar Tagen, dass die Datei nicht vorhanden ist. Also die kurze Antwort ist, muss ich hinzufügen .babelrc-Datei in das Projekt.

    npm i babel-preset-react-native --save-dev
    
    $ echo '{"presets": ["react-native"]}' > .babelrc

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.