的WebPack正在寻找在全球目录反应

这里是我的WebPack-DEV-服务器configuations的WebPack正在寻找在全球目录反应

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'] 
     } 
    }] 
    } 
};

为什么我会得到以下错误，当我运行服务器

ERROR in (webpack)-dev-server/~/strip-ansi/index.js Module build failed: Error: Couldn't find preset "react" relative to directory "/Users/ecco/.nvm/versions/node/v5.4.0/lib/node_modules/webpack-dev-server/node_modules/strip-ansi"

我的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" 
}

来源

2016-02-05 eugenekgn

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

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

通过npm list和npm list --global可以看到哪些模块在本地和全局安装。要查找特定的模块，将该命令输入到grep即npm list --global | grep webpack-dev-server

我建议安装dev服务器作为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（或更糟的是，全球范围内安装它）

来源

2016-02-05 05:15:12

的WebPack正在寻找在全球目录反应

回答

相关问题