Webpack打包项目后，部分低版本浏览器提示无法识别Axios，导致页面显示异常，即使将Axios版本降低至1.6.0也无济于事。此问题通常源于Babel的转译配置。本文将深入分析问题成因并提供解决方案。
问题：尽管babelrc文件已配置Babel预设和插件，目标浏览器涵盖IE9及以上版本和其他主流浏览器；webpack.config.js文件也配置了Babel Loader；package.json文件列出了Axios 1.6.0版本依赖。然而，低版本浏览器仍无法识别Axios。这是因为Babel默认忽略node_modules目录下的文件，导致Axios库未被转译。
解决方案：强制Babel转译node_modules目录下的Axios库。 如果项目使用Vue.js，可在vue.config.js中添加如下配置：
module.exports = {
// ...其他配置略
transpileDependencies: [
"axios"
]
// ...其他配置略
}此配置告知Webpack转译node_modules目录下的Axios库。
若项目未使用Vue.js，则需通过修改Webpack配置或其他方法将Axios包含在Babel转译范围内。具体方法取决于项目的构建流程，可能需要调整Webpack的Loader配置，或使用Babel的include或exclude选项。
以上就是Webpack打包后，低版本浏览器为何无法识别Axios？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
718
