ERROR in找不到模塊'babel-core'。使用react.js，webpack和express服務器

Question

每當我在終端中運行webpack時，我得到：

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

的package.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"
}

Answer 1

你應該在npm install時安裝babel-loader和babel-core作為dev-dependency。

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

Answer 2

對於那些想要使用babel-loader 8+的人：它需要Babel 7.x ,,它將被安裝為'@ babel / core'包而不是'babel-core'。 換句話說，運行：

npm install --save-dev @babel/core

Answer 3

我剛剛遇到這個錯誤，並通過安裝babel-core解決了。 但有趣的是我發現babel-core確實存在於babel-loader的peerDependencies中。

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

為什么peerDependecies沒有自動安裝，經過幾次搜索工作后我在npm blog中找到了這個 。

peerDependencies不再自動安裝。

Answer 4

在這個帖子中添加@ Chetan的答案：

我同時通過阿克塞爾Rauschmayer先生博士的書下面今天就遇到了這個問題在這里 。 每本書， babel-loader應該下載babel-core 。 然而，當我嘗試它時，情況並非如此。 我認為這與@ theJian的答案有關。

由於原始package.json已將babel-loader列為依賴項，因此運行以下命令可解決該錯誤。

npm install babel-core --save-dev

Answer 5

npm install babel-register

這可以解決您的問題。 另外，添加babelrc .babelrc {“presets”：[“es2015”，“react”]}