Webpack-dev-server找不到模块

Question

欢迎,

我是新来的，尤其是Node.js。我想了解一些关于React的知识，最后与Node.js做斗争。问题是我无法正确地设置web开发服务器。如果这个问题看起来很琐碎，我很抱歉，虽然我已经好几个小时没找到解决办法了。

这里是：webpack.config.js

module.exports = {
    entry: './src/index.js',
    output: {
        path: __dirname,
        filename: 'app/js/main.js'
    },
    module: {
        loaders: [{
                test: /\.jsx?$/,
                loader: 'babel',
                exclude: /node_modules/
            }]
    }
}

package.json

{
  "name": "Github_profile_viewer",
  "version": "0.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "BSD", 
  "devDependencies": {
    "babel-core": "5.8.*",
    "babel-loader": "5.3.*",
    "webpack": "1.12.*",
    "webpack-dev-server": "1.10.*"
  },
  "dependencies": {
    "react": "^0.14,7",
    "react-dom": "^0.14.7"
  }
}

http://localhost:8080/app/js/main.js

/******/ (function(modules) { // webpackBootstrap
/******/    // The module cache
/******/    var installedModules = {};

/******/    // The require function
/******/    function __webpack_require__(moduleId) {

/******/        // Check if module is in cache
/******/        if(installedModules[moduleId])
/******/            return installedModules[moduleId].exports;

/******/        // Create a new module (and put it into the cache)
/******/        var module = installedModules[moduleId] = {
/******/            exports: {},
/******/            id: moduleId,
/******/            loaded: false
/******/        };

/******/        // Execute the module function
/******/        modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);

/******/        // Flag the module as loaded
/******/        module.loaded = true;

/******/        // Return the exports of the module
/******/        return module.exports;
/******/    }


/******/    // expose the modules object (__webpack_modules__)
/******/    __webpack_require__.m = modules;

/******/    // expose the module cache
/******/    __webpack_require__.c = installedModules;

/******/    // __webpack_public_path__
/******/    __webpack_require__.p = "";

/******/    // Load entry module and return exports
/******/    return __webpack_require__(0);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ function(module, exports, __webpack_require__) {

    (function webpackMissingModule() { throw new Error("Cannot find module \"./src/index.js\""); }());


/***/ }
/******/ ]);

当我试图建立webpack-dev-server：CMD误差时，我也收到了这样的警告。

唉，我已经npm installed了所需的模块(至少应该是这样的)。

我不知道要怎么做才能使它发挥作用。

Answer 1

看起来应该通过npm install来包含lodash，但是webpack开发服务器找不到它：

​

​

Answer 2

是缓存错误之类的。一个快速的解决办法可能是：

rm -rf node_modules
rm -rf ~/.npm
npm install -g npm
npm install