2016-02-05 59 views
46

每当我跑在终端,我得到webpack错误无法找到模块'babel-core'。使用react.js,的WebPack和Express服务器

Hash: efea76b1048c3a97b963 
Version: webpack 1.12.13 
Time: 33ms 
    + 1 hidden modules 

ERROR in Cannot find module 'babel-core' 

这里是我的webpack.config.js文件

module.exports = { 
    entry: './app-client.js', 
    output: { 
    filename: 'public/bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     exclude: /(node_modules|app-server.js)/, 
     loader: 'babel' 
     } 
    ] 
    } 
} 

包。 json

{ 
    "name": "react", 
    "version": "1.0.0", 
    "description": "React polling app", 
    "main": "app-client.js", 
    "dependencies": { 
    "babel-loader": "^6.2.2", 
    "bootstrap": "^3.3.6", 
    "express": "^4.13.4", 
    "react": "^0.14.7" 
    }, 
    "devDependencies": {}, 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

回答

113

你应该安装babel-load呃和babel-core在npm安装时作为dev-dependency。

npm install babel-core babel-loader --save-dev 
+0

工作就像一个魅力! rember将它添加到你的'packag.json'中以避免再次遇到这个问题。运行'npm install'并带有标志'''wiil来完成这项工作。 – andi

8

我刚遇到这个错误,并通过安装babel-core解决。 但有趣的是我发现babel-core确实存在于babel-loader的peerDependencies中。

https://github.com/babel/babel-loader/blob/master/package.json

为什么peerDependecies不能自动安装,经过几次的搜索工作,我在故宫博客上发现this

peerDependencies不会自动安装。

0
npm install babel-register 

这可以解决您的问题。此外,添加babelrc .babelrc { “预设”: “ES2015”, “反应”] }

+1

为什么?你能解释一下为什么这会起作用吗? –

相关问题