Error: Cannot find module '@babel/core'

 

問題描述：

在使用babel編譯es6時，遇到報錯Error: Cannot find module '@babel/core’問題

產生原因：

babel-loader和babel-core版本不對應所產生的，

• babel-loader 8.x對應babel-core 7.x
• babel-loader 7.x對應babel-core 6.x

解決方案：

• 卸載舊的babel-core

          npm uninstall babel-core

• 安裝新的@babel/core

          npm install @babel/core --save-dev

• 卸載舊的babel-preset-*

          npm uninstall babel-preset-latest

          npm uninstall babel-preset-es2015

• 安裝新的@babel/preset-env

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

      最后，修改.babelrc文件中 "presets": ["@babel/preset-env"]

 

ps：babel-preset-latest、babel-preset-es2015(@babel/preset-es2015)已被廢棄，需使用@babel/preset-env代替

相關官方文檔：

https://babeljs.io/docs/en/babel-preset-latest/

https://babeljs.io/docs/en/babel-preset-es2015/