“您可能需要一个适当的加载器来处理此文件类型”与 Webpack 和 Babel

开发者可能会遇到错误消息“您可能当使用带有 Babel 的 Webpack 来编译 ES6 代码时，需要一个合适的加载器来处理这种文件类型。当 Babel 缺乏处理特定语法或功能所需的预设时，就会出现此问题。

Babel 6.x 和 Webpack 1.x 的解决方案

对于旧版本的 Babel和Webpack，解决方法如下：

1. 安装ES2015预设：

   npm install babel-preset-es2015

2. 配置 babel-loader 以包含预设：

   {
       test: /\.jsx?$/,
       loader: 'babel-loader',
       exclude: /node_modules/,
       query: {
           presets: ['es2015']
       }
   }

更新版本

对于 Babel >= 7.x 和 Webpack >= 2.x:

• 使用 @babel/preset-env 而不是 babel-preset-es2015。
• 在 babel-loader 配置中使用选项而不是查询。