babel-loader@8.x is the Webpack integration used for Babel 7.x. Babel 7.x has moved all packages from a babel- prefix to the @babel npm scope.
The error is correct, you have incorrectly installed babel-core instead of @babel/core.
If you wish to install Babel 6.x, you can do
npm install --save-dev babel-loader@7 babel-core
but if you're starting a new project, Babel 7 makes much more sense, so you would ideally do
npm install --save-dev babel-loader @babel/core
npm
npmjs.com › package › babel-loader
babel-loader - npm
babel module loader for webpack. Latest version: 10.1.1, last published: 4 months ago. Start using babel-loader in your project by running `npm i babel-loader`. There are 18568 other projects in the npm registry using babel-loader.
» npm install babel-loader
Published Mar 09, 2026
Version 10.1.1
GitHub
github.com › babel › babel-loader › releases
Releases · babel/babel-loader
📦 Babel loader for webpack. Contribute to babel/babel-loader development by creating an account on GitHub.
Author babel
Top answer 1 of 3
10
babel-loader@8.x is the Webpack integration used for Babel 7.x. Babel 7.x has moved all packages from a babel- prefix to the @babel npm scope.
The error is correct, you have incorrectly installed babel-core instead of @babel/core.
If you wish to install Babel 6.x, you can do
npm install --save-dev babel-loader@7 babel-core
but if you're starting a new project, Babel 7 makes much more sense, so you would ideally do
npm install --save-dev babel-loader @babel/core
2 of 3
2
I had the same error just 5 minutes ago, I fixed that with reinstalling babel-loader.
npm r babel-loader
npm i babel-loader@7
webpack
docs.webpack.js.org › loaders › babel-loader
babel-loader - webpack
March 5, 2026 - This is an external loader maintained by the Babel team. Install it from npm to use in your webpack configuration.
Snyk
security.snyk.io › snyk vulnerability database › npm
babel-loader | Snyk
We found that babel-loader demonstrates a positive version release cadence with at least one new version released in the past 12 months. As a healthy sign for on-going project maintenance, we found that the GitHub repository had at least 1 pull request or issue interacted with by the community. ... The npm package babel-loader receives a total of 23,456,246 downloads a week.
Medium
fortunemuhumuza.medium.com › demystifying-webpack-loaders-a-deep-dive-into-babel-loader-c5ed205fad2c
Demystifying Webpack Loaders: A Deep Dive into Babel Loader | by Fortun | Medium
November 18, 2024 - To use Babel Loader, you’ll need a few dependencies installed: npm install --save-dev babel-loader @babel/core @babel/preset-env
Medium
medium.com › @agzuniverse › webpack-and-babel-what-are-they-and-how-to-use-them-with-react-5807afc82ca8
Webpack and Babel — What are they, and how to use them with React. | by Aswin G | Medium
December 20, 2019 - In case you haven’t guessed it already, we have to install these loaders before they can actually work. npm i babel-loader style-loader css-loader --save-dev
npm
npmjs.com › package › workerize-loader
workerize-loader - npm
May 24, 2022 - { test: /\.js$/, loader: "babel-loader", options: { presets: [ [ "env", { modules: false, }, ], ] } }
» npm install workerize-loader
Published May 24, 2022
Version 2.0.2
GitLab
git.ufz.de › taimur khan › metalabel📚 › repository
docs/node_modules/babel-loader · 051605d988e8cd29f21b57200563bae1e1659f9a · Taimur Khan / metalabel📚 · GitLab
Semantic labelling for column headers in CSV and Excel files.
Expo Documentation
docs.expo.dev › expo router › overview
Router - Expo Documentation
import { Text } from 'react-native'; import { useLoaderData } from 'expo-router'; export function loader() { return Promise.resolve({ foo: 'bar' }}; } export default function Route() { const data = useLoaderData<typeof loader>(); // { foo: 'bar' } return <Text>Data: {JSON.stringify(data)}</Text>; }
Babel
babeljs.io
Babel
Babel 8.0.0 released!
webpack
webpack.js.org › loaders
Loaders | webpack
cson-loader Loads and transpiles a CSON file · babel-loader Loads ES2015+ code and transpiles to ES5 using Babel · esbuild-loader Loads ES2015+ code and transpiles to ES6+ using esbuild · buble-loader Loads ES2015+ code and transpiles to ES5 using Bublé ·
npm
npmjs.com › package › polymer-webpack-loader
polymer-webpack-loader - npm
July 12, 2022 - module: { loaders: [ { test: /\.html$/, use: [ // Chained loaders are applied last to first { loader: 'babel-loader' }, { loader: 'polymer-webpack-loader' } ] } ] } // alternative syntax module: { loaders: [ { test: /\.html$/, // Chained loaders are applied right to left loader: 'babel-loader!polymer-webpack-loader' } ] }
» npm install polymer-webpack-loader
Published Jul 12, 2022
Version 3.1.0
Mozilla
developer.mozilla.org › en-US › docs › Web › JavaScript › Guide › Modules
JavaScript modules - JavaScript | MDN
April 4, 2026 - Complex projects necessitate a mechanism for splitting JavaScript programs into separate modules that can be imported when needed. Node.js has had this ability for a long time, and there are a number of JavaScript libraries and frameworks that enable module usage (for example, other CommonJS and AMD-based module systems like RequireJS, webpack, and Babel).
Wmcloud
libup.wmcloud.org › library › npm › babel-loader
npm: babel-loader - libup
babel module loader for webpack · Latest version: 10.1.1 · Good/approved version: none · ^8.3.0: 1 repositories · 🗄mediawiki/extensions/Wikistories · ^8.0.5: 1 repositories · ❌mediawiki/extensions/GraphQL · 9.1.3: 2 repositories · ❌🗄mediawiki/extensions/MobileFrontend ·
DEV Community
dev.to › tracycss › webpack-and-babel-for-beginners-103l
Webpack and babel for beginners 👩💻 - DEV Community
August 2, 2020 - Babel is a tool that converts modern Es6 code to older code that older browsers can run. ... Install package json it helps to keep track of our packages. ... Use npm to install babel/core and babel/cli babel/cli so that we can use commands in ...
GitHub
github.com › cypress-io › cypress › issues › 24435
Upgrade webpack-preprocessor for babel-loader 9 · Issue #24435 · cypress-io/cypress
October 28, 2022 - Install babel-loader 9 in a project with the latest @cypress/webpack-preprocessor ... npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @cypress/webpack-preprocessor@5.15.0 npm ERR! Found: babel-loader@9.0.0 npm ERR!
Author cypress-io
Roya's Blog
awdr74100.github.io › 2020-03-16-webpack-babelloader
Webpack 前端打包工具 - 使用 babel-loader 編譯並轉換 ES6+ 代碼 | Roya's Blog
March 16, 2020 - 在安裝 @babel/runtime 時，記得不要安裝錯誤，新版的是帶有 @ 開頭的；同時也必須安裝 @babel/plugin-transform-runtime 這個套件，babel 在運行時是依賴 plugin 去做取用，這兩個套件雖然不是相依套件，但實際使用時缺一不可，在後面會有相關說明，在這邊我們先把這兩個套件裝好就可以了。 ... 我們以之前的 JavaScript 檔案進行示範，執行 npm run build 指令進行編譯，結果如下：