Probleme beim Einrichten von reactjs, babel mit webpack

Question

Ich bin neu im Webpack und werde versuchen, reactJS zu lernen, aber ich finde es schwierig einzurichten. Ich habe keine Erfahrung in der Arbeit mit Webpack.

Hier ist was ich getan habe.

ich installieren Abhängigkeiten, die

ist

babel-loader babel-core babel-preset-es2015 babel-preset-react webpack react react-dom

Nachdem alle Abhängigkeiten zu installieren. Ich bearbeite die package.json

Hier ist mein package.json

{ 
    "name": "reactjs", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "dependencies": { 
    "react": "^15.3.2", 
    "react-dom": "^15.3.2" 
    }, 
    "devDependencies": { 
    "babel-cli": "^6.18.0", 
    "babel-core": "^6.18.2", 
    "babel-loader": "^6.2.7", 
    "babel-preset-es2015": "^6.18.0", 
    "babel-preset-react": "^6.16.0", 
    "webpack": "^1.13.3" 
    }, 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "babel": "babel", // I put babel and webpack 
    "webpack": "webpack" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

webpack.config.js

var path = require('path'); 
var webpack = require('webpack'); 

module.exports = { 
    entry: './js/app.js', 
    output: { 
     path: __dirname, 
     filename: './js/app-dist.js' 
    }, 
    watch: true, 
    module: { 
     loaders: [ 
      { 
       test: /.jsx?$/, 
       loader: 'babel-loader', 
       exclude: /node_modules/, 
       query: { 
        presets: ['es2015', 'react'] 
       } 
      } 
     ] 
    } 
} 

Hier ist der Fehler ausgelöst.

npm ERR! Windows_NT 6.1.7600 
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "webpack" 
npm ERR! node v6.7.0 
npm ERR! npm v3.10.3 
npm ERR! code ELIFECYCLE 
npm ERR! reactjs@1.0.0 webpack: `webpack` 
npm ERR! Exit status 3221225501 
npm ERR! 
npm ERR! Failed at the reactjs@1.0.0 webpack script 'webpack'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the reactjs package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 
npm ERR!  webpack 
npm ERR! You can get information on how to open an issue for this project with: 
npm ERR!  npm bugs reactjs 
npm ERR! Or if that isn't available, you can get their info via: 
npm ERR!  npm owner ls reactjs 
npm ERR! There is likely additional logging output above. 

npm ERR! Please include the following file with any support request: 
npm ERR!  E:\reactjs\npm-debug.log 

Das Skript kompiliert, aber es gibt immer einen Fehler.

Jede Hilfe wäre willkommen. Salamat (Danke)

Answer 1

Sie müssen babel und webpack nicht als Skriptbefehl angeben. Was Sie tun müssen, ist Webpack auszuführen, um Ihren JSX-Code zu erstellen. Ändern Sie Ihr Skript

"scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1", 
    "build": "webpack -p --config webpack.config.js", 
    }, 

und führen Sie den Befehl npm run build und es sollte für Sie arbeiten.

Answer 2

Dieser Fehler ist nicht von Ihrer Seite. Sieht so aus, es passiert nur unter Windows. Dies ist ein Fehler mit npm oder node.

können Sie dieses Problem überprüfen https://github.com/npm/npm/issues/11024

Answer 3

Es ist in Ordnung, die Krieger offensive Systeme so viel Bewegung beinhalten, dass es Sinn macht, dass es einige Zeit dauert, bis Sie Jungs miteinander bequem zu machen. Ich würde deine Verluste nicht ins Schwitzen bringen, vor allem, weil der zweite Rücken an Rücken lag. Wenn Sie nur versuchen, React zu lernen, könnte es hilfreich sein, mit create-react-app zu beginnen, um das ganze Gerüst zu vermeiden.