Webpack 正在全局目录中寻找反应

【问题标题】：Webpack is looking for react in global directoryWebpack 正在全局目录中寻找反应
【发布时间】：2016-05-14 22:30:44
【问题描述】：

这是我的 webpack-dev-server 配置

module.exports = {
  entry: './main.js',
  output: {
    path: './',
    filename: 'bundle.js'
  },
  devServer: {
    inline: true,
    port: 9000
  },
  module: {
    loaders: [{
      test: /\.js$/,
      exclude: '/(node_modules)/',
      loader: 'babel',
      query: {
        presets: ['es2015', 'react']
      }
    }]
  }
};

为什么我运行服务器时会出现以下错误

(webpack)-dev-server/~/strip-ansi/index.js 中的错误模块构建失败：错误：找不到相对于目录“/Users/ecco/.nvm/versions/node/v5.4.0/lib/node_modules/webpack-dev-server/node_modules/strip-ansi”的预设“react”

我的 package.json

"devDependencies": {
"babel-core": "^6.4.5",
"babel-loader": "^6.2.2",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"webpack": "^1.12.13"
}

【问题讨论】：

尝试执行以下步骤。 1.rm -rf node_modules 2.npm cache clean 3.npm i

标签： reactjs webpack webpack-dev-server

【解决方案1】：

您似乎没有将 webpack-dev-server 安装为本地节点模块（它不在您的 package.json 中

您可以使用npm list 和npm list --global 查看本地和全局安装了哪些模块。要查找特定模块，请将该命令输入grep，即npm list --global | grep webpack-dev-server

我建议将开发服务器安装为项目的 devDependency。作为一般规则，除非绝对必要，否则尽量避免使用-g 安装模块。此外，使用 npm 脚本（在您的 package.json 中）在您的本地目录中运行模块，而不必明确引用它们，例如

{
  "scripts": {
    "serve": "webpack-dev-server --config your.config.js"
  }
}

然后运行npm run serve 而不是运行./node_modules/.bin/webpack-dev-server --config your.config.js（或者更糟糕的是，全局安装）

【讨论】：