Babel setup error: "ERROR in ./src/js/index.js"

Question

UPDATE: I fixed the issue. Look in answers.

Goal: Set up Babel.

Issue: I run into an error when I use webpack to create a bundle.js file using the command: npm run dev. screenshot 1 screenshot 2

./src/js/index.js

import num from "./test";
const x = 45;
console.log(`I imported ${num} from test.js - ${x}`);

webpack.config.js:

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    entry: ["babel-polyfill", "./src/js/index.js"],
    output: {
        path: path.resolve(__dirname, "dist"),
    filename: "js/bundle.js"
    },
    devServer: {
    contentBase: "./dist"
    },
    plugins: [
    new HtmlWebpackPlugin({
        filename: "index.html",
        template: "./src/index.html"
    })
    ],
    module: {
    rules: [ 
        {
        test: /\.js$/, 
        exclude: /node_modules/, 
        use: { 
            loader: "babel-loader"
                }
        }
        ]
    }
};

I have the package installed already. It shows up in my package.json file. — annieg4123
– annieg4123, Commented Aug 30, 2018 at 19:50

annieg4123 · Accepted Answer · 2018-08-30 21:00:10Z

1

I fixed the error. Turns out I needed to install new Babel packages.

npm install --save-dev @babel/core @babel/preset-env
npm install --save @babel/polyfill

Replace entry in webpack.config.js with:

entry: ["@babel/polyfill", "./src/js/index.js"],

Replace presets in .babelrc with:

{
  "presets": ["@babel/env"]
}

answered Aug 30, 2018 at 21:00

annieg4123

691 gold badge3 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kingsley · Accepted Answer · 2018-08-30 19:50:09Z

0

Looks like you're missing babel-core

I think running:

npm install --save-dev babel-core

Should fix it

answered Aug 30, 2018 at 19:50

Kingsley

1,0613 gold badges12 silver badges28 bronze badges

9 Comments

annieg4123 Over a year ago

I have the package installed already. It shows up in my package.json file.

Kingsley Over a year ago

Just saw your other comment about it being in package.json. Try deleting node_modules, and then npm install again

Kingsley Over a year ago

Or, to confirm it is indeed installed, open the node_modules folder, and see if you can see the babel-core folder

annieg4123 Over a year ago

Babel-core is in node_modules.

Kingsley Over a year ago

what's in the /.test file?

|

Collectives™ on Stack Overflow

Babel setup error: "ERROR in ./src/js/index.js"

2 Answers 2

Comments

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related