Module Web manquant Module 'Module introuvable'
Je suis actuellement en train de travailler sur un réagir webpack babel etc site et d'essayer de construire la première fois. La compilation est réussie, mais quand j'ouvre le navigateur, j'obtiens l'erreur suivante:
Uncaught Error: Cannot find module "/Users/michael.nakayama/Documents/Development/jamsesh/node_modules/webpack/node_modules/node-libs-browser/node_modules/process/browser.js"
Ce module existe. Allant à l'url dans mon navigateur affiche le fichier en question. Mais je ne peux pas comprendre pourquoi webpack ne peut pas le trouver. Je ne sais pas si c'est un babel6 problème ou un webpack question, ou aucun des deux. Mon fichier de configuration ressemble à ceci:
var webpack = require('webpack');
var cleanWebpack = require('clean-webpack-plugin');
var ignore = new webpack.IgnorePlugin(new RegExp("/(node_modules|ckeditor)/"))
module.exports = {
devtool: 'inline-source-map',
entry: './lib/client/entry',
output: {
path: __dirname + '/public/js',
filename: 'app.js',
publicPath: 'http://localhost:8081/js/',
},
plugins: [
ignore,
],
resolve: {
extensions: ['', '.js'],
moduleDirectories: ['./node_modules']
},
module: {
loaders: [
{
test: /\.js?$/,
loaders: ['babel-loader?presets[]=react,presets[]=es2015,plugins[]=transform-es2015-classes,plugins[]=transform-react-jsx'],
exclude: /(node_modules)/,
}
]
}
}
et mon webpack serveur de fichier est comme suit:
var WebpackDevServer = require('webpack-dev-server');
var webpack = require('webpack');
var config = require('../../webpack.config');
var server = new WebpackDevServer(webpack(config), {
//webpack-dev-server options
publicPath: config.output.publicPath,
stats: { colors: true },
});
server.listen(8081, 'localhost', function() {});
et voici les paquets que j'ai installé:
"devDependencies": {
"babel-cli": "^6.3.17",
"babel-core": "^6.3.26",
"babel-loader": "^6.2.0",
"babel-plugin-syntax-jsx": "^6.3.13",
"babel-plugin-transform-es2015-classes": "^6.4.0",
"babel-plugin-transform-react-jsx": "^6.3.13",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"body-parser": "^1.14.2",
"clean-webpack-plugin": "^0.1.5",
"express": "^4.13.3",
"history": "^1.17.0",
"jade": "^1.11.0",
"nodemon": "^1.8.1",
"path": "^0.12.7",
"pg": "^4.4.3",
"react": "^0.14.6",
"react-dom": "^0.14.3",
"react-hot-loader": "^1.3.0",
"react-router": "^1.0.3",
"webpack": "^1.12.9",
"webpack-dev-server": "^1.14.0"
}
entry.js:
var React = require('react');
var ReactDOM = require('react-dom');
var ReactRouter = require('react-router');
var Router = ReactRouter.Router;
var Route = ReactRouter.Route;
var routes = require('../routes');
//-v x.13.x
/**Router.run(routes, Router.HistoryLocation, function (Handler, state) {
React.render(<Handler/>, document.getElementById('react-app'));
});**/
var node = document.getElementById('react-app');
//-v 1.0.0
ReactDOM.render(<Router history={createBrowserHistory()} routes={routes}/> , node);
Aussi comme un heads-up, j'ai essayé de désinstaller et de réinstaller tous mes paquets. J'ai essayé d'installer plus précisément le nœud-libs-navigateur modules. merci.
source d'informationauteur Michael Nakayama
Vous devez vous connecter pour publier un commentaire.
Le problème avec les ignorer plugin sur
node_modules
. Danswebpack.config.js
vous avez:De Ignorer Plugin documentation:
Webpack essaie de
require
module avec le nomnode_modules/process/browser
pour Réagir module et échoue parce qu'il est ignoré.Essayez de supprimer
node_modules
Ignorer Plugin ou d'écrire moins de condition globale si vous avez vraiment besoin de cela.