Module build failed (from ./node_modules/babel-loader/lib/index.js)

Question

Problem :

Currently I am trying to learn the Node, Webpack , Babel. I have recently joined a new project so need to learn these three technologies.

Now I am facing below error while trying to build my project.

“Module build failed (from ./node_modules/babel-loader/lib/index.js)”.

Please find below my development environment for your reference:

Node version: 8.0.0
Npm version: 5.0.0

devDependencies as below:

"devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.0",
    "babel-preset-env": "^1.7.0",
    "webpack": "^4.17.1",
    "webpack-dev-server": "^3.1.7"
}

Please guide me in fixing above error.

Answer 1

I am trying to help you with the below solution for your error.

The babel-loader@8.x always uses the Babel 7.x, which is called as @babel/core@^7.0.0, and now it is more important in your case the  @babel/preset-env@7 must replace the babel-preset-env@^1.7.0.

You must make sure to execute below command :

npm install @babel/core @babel/preset-env

You must also  update the Babel config so that you can use @babel/preset-env instead of the  babel-preset-env with something like below example

"presets": [

  "@babel/preset-env"

]

If this is not helping you then the issue may also be that you may be using the plugins from the Babel 6 on the Babel 7. You may find it very hard to notice if by chance you are using any third-party Babel preset as you may know the versions of a presets may not match with the version of the Babel itself.