如何解决 Webpack 和 Babel 中的“You May Need an Appropriate Loader”错误？

Webpack 和 Babel：处理“您可能需要合适的加载器”错误

当使用 Webpack 和 Babel 一起编译 ES6 资源时，您可能会遇到以下问题：遇到错误消息“您可能需要适当的加载程序来处理此文件类型。”当 babel-loader 配置不正确时，通常会发生这种情况。

要解决此问题，请验证您是否已安装“babel-preset-es2015”并按如下方式配置 babel-loader：

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

es2015 预设使 Babel 能够将 ES6 代码转换为 ES5。此外，请确保您的 Webpack 配置正确，尤其是入口和输出属性。

对于 Babel (>=7.x) 和 Webpack (>=2.x) 的最新版本，以下内容更新适用：

• 使用 '@babel/preset-env' 而不是 'babel-preset-es2015'
• 在 Webpack 配置中使用 'options' 代替 'query'

以上是如何解决 Webpack 和 Babel 中的“You May Need an Appropriate Loader”错误？的详细内容。更多信息请关注PHP中文网其他相关文章！