Не удалось найти модуль babel-preset-es2015

Снова Error: Cannot find module 'babel-preset-es2015' ту же ошибку: Error: Cannot find module 'babel-preset-es2015'.

Полный журнал ошибок:

ERROR in ./main.js Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp'
 at Function.module.exports [as sync] (C:\Users\hp\Desktop\reactApp\node_modules\resolve\lib\sync.js:43:15)
 at resolveStandardizedName (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:101:31)
 at resolvePreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:58:10)
 at loadPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\files\plugins.js:77:20)
 at createDescriptor (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:154:9)
 at items.map (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:50)
 at Array.map ()
 at createDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
 at createPresetDescriptors (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
 at passPerPreset (C:\Users\hp\Desktop\reactApp\node_modules\@babel\core\lib\config\config-descriptors.js:58:96) @ multi (webpack)-dev-server/client?http://localhost:8080 (webpack)/hot/dev-server.js ./main.js main[2]

Ответы

Ответ 1

Для Babel версии 6 имя пакета - babel-preset-es2015 а для Babel версии 7 - имя пакета @babel/preset-es2015.

es20XX-presets по ошибке, вы используете версию 7. es20XX-presets устарели, поэтому я рекомендую переключиться на @babel/preset-env.

Сначала установите пресет (используя npm):

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

Затем добавьте пресет в ваш .babelrc

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

Ответ 2

В журнале ошибок ясно сказано, что он не может найти модуль. Cannot find module 'babel-preset-es2015' from 'C:\Users\hp\Desktop\reactApp' at Function.module.exports [as sync] Просто запустите эту команду для установки пакетов

npm install --save-dev @babel/preset-es2015

Также проверьте свой.babelrc

Более подробная информация здесь → https://babeljs.io/docs/en/babel-preset-es2015

Ответ 3

Дело в том, что babel 7 использует @babel/preset-env. Другие предустановки устарели. Здесь говорится об этом https://babeljs.io/docs/en/v7-migration#yearly-preset-deprecations-blog-2017-12-27-nearing-the-70-releasehtml-deprecated-yearly- пресеты, например, столпотворение-предустановленные es20xx

Вы должны указать в файле конфигурации (я не знаю, используете ли вы Webpack или что-то еще) пресет как "@babel/preset-env". Установите его через npm install --save-dev @babel/preset-env

Например, вы используете упаковщик модулей Webpack. В этом случае укажите как это:

use: {
      loader: "babel-loader",
      options: {
                presets: ["@babel/preset-env"]
      }
}

Вот документация https://webpack.js.org/loaders/babel-loader/, если вам вдруг понадобится.

Удачного кодирования!