Modul nicht gefunden: Fehler: beheben kann nicht Modul ‚reagieren‘, wenn ich webpack

Question

verwenden würde wirklich helfen, schätzen auf diese: Ich bin nicht in der Lage mit webpack zu bauen, habe ich eine kurze Liste von Fehlermeldungen erhalten, beginnend mit:

Module not found: Error: Cannot resolve module 'react' in ../client/front_desk.jsx 

und dann mit einer langen Liste zu enden, die wie folgt aussieht:

Module not found: Error: Cannot resolve 'file' or 'directory' ../node_modules/process/browser.js 

mein webpack.config.js hier:

const webpack = require('webpack'); 
const commonsPlugin = new webpack.optimize.CommonsChunkPlugin('common.js'); 

module.exports = { 
    entry: { 
    front_desk: './front/client/front_desk', 
    }, 
    resolve: { 
    extensions: ['.js', '.jsx'], 
    }, 
    output: { 
    path: 'front/public/js', 
    filename: '[name].js', // Template based on keys in entry above 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.(jsx|js)?$/, 
     loader: 'babel', 
     query: { 
      presets: ['es2015', 'react'], 
     }, 
     }, 
    ], 
    }, 
    plugins: [commonsPlugin], 
}; 

Und mein .babelrc:

{ 
    "plugins": ["syntax-jsx"], 
    "presets": ["react", "es2015"], 
} 

Und meine Abhängigkeitsliste in package.json:

"dependencies": { 
    "aguid": "*", 
    "babel-plugin-syntax-jsx": "*", 
    "babel-preset-es2015": "*", 
    "babel-preset-react": "*", 
    "babel-register": "*", 
    "bcrypt": "*", 
    "eslint": "*", 
    "eslint-config-airbnb": "^8.0.0", 
    "eslint-plugin-import": "^1.6.1", 
    "eslint-plugin-jsx-a11y": "^1.0.4", 
    "eslint-plugin-react": "^5.0.1", 
    "hapi": "*", 
    "hapi-react-views": "^7.0.0", 
    "inert": "*", 
    "isomorphic-fetch": "*", 
    "mailparser": "*", 
    "mandrill-api": "*", 
    "mongodb": "*", 
    "nodemon": "*", 
    "react": "^15.0.2", 
    "react-dom": "^15.0.2", 
    "react-redux": "*", 
    "redux": "*", 
    "redux-thunk": "*", 
    "twilio": "*", 
    "vision": "*", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "devDependencies": { 
    "babel-core": "*", 
    "babel-loader": "*", 
    "faucet": "*", 
    "jsx-loader": "^0.13.2", 
    "nodemon": "*", 
    "tape": "*", 
    "webpack": "*" 
    } 

Answer 1

es heraus! Ich habe zuerst das Webpack mit --display-error-details gestartet, was meines Erachtens nur die Standardeinstellung sein sollte. webpack --progress --color --watch --display-error-details.

Dies hat mir gesagt, dass der Grund webpack war eine harte Zeit, so hatte, weil es etwas falsch mit den Erweiterungen war ich es gesagt suchen:

resolve: { 
    extensions: ['.js', '.jsx'], 
    }, 

für react.js.js aussehen und reagieren .js.jsx statt nur react.js. Also musste ich das aktualisieren:

resolve: { 
    extensions: ['', '.js', '.jsx'], 
    }, 

Welche behoben es! =)