解决axios未被babel编译

大猫会长

已于 2022-12-07 10:26:58 修改

阅读量418

点赞数

分类专栏： webpack 文章标签：前端 javascript 开发语言

于 2022-12-06 16:08:01 首次发布

本文链接：https://blog.csdn.net/aexwx/article/details/128204577

版权

webpack 专栏收录该内容

27 篇文章 1 订阅

订阅专栏

@babel/plugin-transform-async-to-generator · Babel 中文网

今天又遇到axios里的async无法没被babel编译，

方法一

安装babel和命令行工具

npm i @babel/core @babel/cli --save-dev

然后针对单个文件进行async编译，注意，编译的原始文件是没被压缩的。

babel ./dist/js/chk-vendors.1d7f.js --out-file ./dist/js/chk-vendors.sss.js --plugins @babel/plugin-transform-async-to-generator

方法二：

在webpack的生产环境下，开启压缩

并在package.json的browserslist中写上较低版本的浏览器

还要在webpack配置中加入axios的路径

也就是说：开启代码压缩后，browerslist指定的浏览器才会生效，一些高级浏览器api才会被兼容

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

大猫会长

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue2/3 - 解决报错Error: Cannot find module ‘babel-plugin-import‘（vue2/vue3报错无babel-plugin-import模块详细解决教程

高级前端工程师

03-04

3083

vue，vue2，vue3，Error: Cannot find module 'babel-plugin-import'，vue报错找不到babel-plugin-import模块，babel-plugin-import，vue运行项目时出现报错，vue打包编译build提示报错，解决vue报错，如何解决在vue网页中出现报错，安装axios依然不行，执行npm install antd babel-plugin-import依然报错怎么办，安装了依然提示报错咋办，The package manager

使用 axios 实现 ajax 方案

热门推荐

fantian001的博客

04-16

4万+

使用 axios 实现 ajax 方案 vue.js 自2.0版本已经不对 vue-resource 更新了，官方推荐使用 axios 解决方案。axios 使用了 Promise,而 jquery 自3.0 版本才支持 Promise,如果你只是想使用 jquery 的 ajax 的话，引入整个 jquery 是很大的负担，所以 axios 是一个很好的工具。知识点： 1.we...

参与评论您还未登录，请先登录后发表或查看评论

axios的兼容性问题

Lily-HU

09-07

1465

1、axios在PC端浏览器的兼容性问题 axios支持IE8+，但原理是基于promise之上实现的，因此会存在不兼容IE的问题。 trident内核的浏览器下会报：vuex requires a Promise polyfill in this browser 解决方案：（1）、首先安装 babel-polyfill，来解决IE不支持 promise对象的问题 npm ...

在IE环境使用axios，提示“Promise”未定义

一个有趣、有料、有内涵的地方!

08-16

219

问题： SCRIPT5009:“Promise”未定义 axios.min.js,行8字符466 解决方案：使用polyfill 对外暴露一个P...

axios element-ui node js babel

qq_45858803的博客

04-30

506

文章目录人生格言axios 简述axios 创建架构element-uinode jsnode js 简述安装直接在vscode 中打开js文件VScode 集成node常遇到的问题npm 人生格言未来犹存，人生当前 axios 简述 axios 创建架构 { "sucess":true, "code":20000, "message":"成功", "data":{ "items":[ {"name":"lucy","age"

Babel学习笔记

cheng_cuo_tuo的博客

12-28

1899

Babel 学习笔记

前端入门之(axios解析)

vv_bug

11-16

7066

前言：vue已经放弃维护vue-resource了，然后推荐使用axios，这一推荐不得了了，axios的人气大增啊，在github已经是50多k的star了，axios算是成功打入了vue全家桶了，既然官方这么推荐，我们接下来就来研究一下axios，顺便再啰嗦几句，我们一直在研究这个框架那个框架的，其实说白了，框架其实就是别人的一种编程思想，都是一些大牛总结的一些编程经验，形象一点就比如一辆汽车...

Error：in ./node-modules/axios/lib/platform/index.js

最新发布

12-22

检查.babelrc或babel.config.js配置文件，确保axios相关的模块被正确转换。 7. **模块加载问题**：Node.js的模块加载机制也可能导致问题，比如ES模块和CommonJS模块混用。检查导入和导出语句是否正确，使用`require...

vue-cli基本框架elementUi+axios+mock.zip_axios_vue_vue elementui_vue-

09-21

在 Vue 项目中，Axios 常被用来进行数据请求，如 GET、POST 等操作。它具有拦截请求和响应、转换请求和响应数据、取消请求、自动转换 JSON 数据等多种特性，使得网络请求更加灵活和可控。 Mock.js 是一个模拟数据...

vue3axios跨域

qq_59717525的博客

11-15

1843

// vue.config.js const path = require("path"); const webpack = require("webpack"); module.exports = { // 项目部署的基本路径 // 默认假设你的应用将会部署在域名的根部 // 比如，https://www.vue-cli.com/ //如果你的应用是部署在一个子路径下，那么你需要在这里指定子路径，比如，如果你部署在 https://www.my-vue.com/my-ap.

前端开源库-babel-plugin-transform-async-to-generator-2

08-29

前端开源库-babel-plugin-transform-async-to-generator-2babel-plugin-transform-async-to-generator-2是babel-plugin-transform-async到generator的一个分支，与此插件保持异步函数的原始参数名略有不同。

Vue 中使用 babel-polyfill 来兼容低版本浏览器

热爱思考、活力满满、开朗爱笑的年轻人

08-31

2万+

报错示例背景原因解决方案 Tip 报错示例使用了 Vue 以及用 axios 来发请求，在谷歌浏览器上面，预览是没有问题的：（下图中红色内容，是我调接口获取到的内容，然后显示在页面上）但是在 IE 浏览器下，却没有看到接口获取的内容显示在页面上 F12，看了一下错误信息：包括安卓5以下的设备，也会有这种情况。背景 Babel 默认只转换新...

Fetch、Axios、Ajax 的理解

qq_64655972的博客

10-31

1416

使用 Fetch API，可以执行各种类型的请求（如 GET、POST、PUT、DELETE 等），发送请求时可以设置请求头、请求参数，以及处理响应数据。fetch 不同于 xhr ，xhr 自带取消、错误等方法，所以服务器返回 4xx 或 5xx 时，是不会抛出错误的，需要手动处理，通过 response 中的 status 字段来判断。fetch 是相对较新的技术，IE浏览器不支持，还有其他低版本浏览器也不支持，因此如果使用fetch时，需要考虑浏览器兼容问题。返回的结果将作为实际发送请求的数据。

以 async/await 为例，说明 babel 插件怎么搭

weixin_34409822的博客

06-06

315

你一定碰到过这些库 babel-polyfill 项目地址：https://github.com/babel/babe... 通过两个依赖实现功能 core-js/shim 提供 ES5/6/7 标准方法的实现 regenerate-runtime 提供 async 语法编译后的的运行时环境（下文会专门说明） babel-plugi...

JavaScript Transpilers: 为什么需要用它们？Babel的使用介绍。

weixin_30830327的博客

01-06

851

英文原文 https://scotch.io/tutorials/javascript-transpilers-what-they-are-why-we-need-them 摘译（文章内的代码有些过期，部分改动）： Transpilers, orsource-to-sourcecompilers，读取用一个编程语言写的源代码，然后产生相等的另一个语言。你写的语言被翻译成J...

前端科普系列（4）：Babel —— 把 ES6 送上天的通天塔

vivo互联网技术

07-20

938

本文首发于 vivo互联网技术微信公众号链接： https://mp.weixin.qq.com/s/plJewhUd0xDXh3Ce4CGpHg 作者：Morrain 一、前言在上一节《CommonJS：不是前端却革命了前端》中，我们聊到了 ES6 Module，它是 ES6 中对模块的规范，ES6 是 ECMAScript 6.0 的简称，泛指 JavaScript 语言的下一代标准，它的第一个版本 ES2015 已经在 2015 年 6 月正式发布，本文中提到的 ES6 包...

前端实用程序包utils - 开发工作流（一）

weixin_45032957的博客

04-29

739

注意：因为笔者目前前端接触的比较多，所以这个库的定义就是给前端环境用的，不是很推荐用在nodejs开发上使用，因为其后面涉及到了一些DOM之类的操作是对nodjs没什么卵用的，所以采用ES Module的语法来书写，若想在node环境使用，请配合babel,webpack等工具使用，请确保电脑上安装了nodejs环境。举个例子，比如我要创建一个项目叫utils,可以怎么做？（考虑到0基础的同学，我会讲的比较细，老司机请直接跳过这章节）如果你只是想玩玩，不想一步一步去配置，那么你只需要执行mkdir u

Webpack4 使用 async/await，webpack 支持 async/await，webpack打包支持ES7的async/await语法

星光的博客

11-28

1975

npm install --save-dev @babel/plugin-transform-async-to-generator 下面两种方式二选一 1. .babelrc { "plugins": ["@babel/plugin-transform-async-to-generator"] } 2. webpack.config.js (here部分) modul...

Bable转码器

qq_30817073的博客

07-20

640

一、Bable使用 Babel是一个工具链，主要用于将ECMAScript 2015+的代码转化为在当前和旧版本的浏览器或环境中向后兼容的JavaScript版本。能够做到转换语法、通过 Polyfill 方式在目标环境中添加缺失的特性（通过bable/polyfill）、源代码转换等等。转码前： [1, 2, 3].map((n) => n + 1); 转码后： [1, 2...

学习axios需要先学什么

05-31

学习 Axios，需要先学习...6. 其他工具：如Webpack、Babel等，用于打包和编译JavaScript代码。以上是学习 Axios 所需的基本知识，还有许多其他的技术和工具需要学习，具体还要根据项目需求来选择和学习相应的技术。