问题 | babel转化es6失败，没有报错

最新推荐文章于 2022-10-28 20:51:01 发布
最新推荐文章于 2022-10-28 20:51:01 发布
阅读量377 收藏
点赞数
文章标签： babel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A123ppleQueen/article/details/124965898
版权

代码写了后，没有报错，内容也复制了，就是没有转化成es5,跟es6的内容一模一样。

原因:把npx那句代码写错了........，把=写成了-

正确代码：npx babel src/js -d dist/js --presets=babel-preset-env

src/js和js的区别是因为我后面增加了一个文件夹，这个没影响，src/js是文件目录名和路径关系，-d后面是复制后改成es5的新文件加个dist就行

代码错了

代码对了

快乐的高兴的学习代码中
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
nodejs不支持ES6模块化规范的解决方案（babel）
weixin_46736220的博客
10-22 1755
nodejs不支持ES6模块化规范的解决方案 在项目目录下新建src文件夹，src文件夹下新建m1.js模块和index.js模块： //m1.js export let name = "nodejs"; export let age = 11; //index.js import {name,age} from "./11.js" console.log(name,age) 此时，运行index.js会报错，因为nodejs 不支持 es6 模块化规范 解决方法： 1、在项目文件夹下生成生成 pac
babel配置项目目录支持转换es6语法，引入非项目目录js后，引入Js转换无效
weixin_33836874的博客
03-05 530
我遇到了一个问题，我在已经配置babel的项目中通过require引入了一个项目目录外层的另一个js文件，前期是可以成功转换并打包的，但是到了后期就不行了，报错： 这个报错的意思是，引入的js文件中有es6的语法，所以跑项目，或者打包的时候不支持。还没有想到babel可以如何配置，保证引入的js也自动转化，所以暂时我把引入的js改为了es5的写法。。。 转载于:https://www.cnb...
babel转换html失败,将babel换成typescript后的生产环境编译问题
weixin_33910191的博客
05-31 186
尝试了下将es6直接换成typescript，但是会提示找不到@types react文件，虽然和课程的技术栈不太一样，但还是希望老师能帮我看看tsconfig{ "compilerOptions": { "outDir": "./dist/", "sourceMap": true, "noImplicitAny": true, "module": "commonjs",...
研究了 babel.config.js 和 babelrc，理解了为什么ES6代码没被转化
油墨香^-^的博客
07-20 842
之前遇到过一个babel转换的问题，在下面这个monorepo的目录结构中.├──commonmodulea引用了外层common/utils.js，结果在打包时发现common/utils.js的代码并没有被翻译，但是modulea目录内的代码却能正常转换，觉得很奇怪，直到我将babel的配置文件由.babelrc改成了babel.config.js才能正常工作。于是就深究了一下两个配置文件的区别，觉得有点东西理解起来有点绕，于是写下这篇博客记录一下。当前项目。...
Babel转码时出现的问题
qq_41993091的博客
10-28 292
Babel的使用
利用babel将es6语法转es5的简单示例
11-30
Babel是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 这意味着，你可以现在就用ES6编写程序，而不用担心现有环境是否支持。 本文讲解需预装node和npm。大家可以参考这篇文章：//...
详解如何用babel转换es6的class语法
12-12
实际上babel可以通过自定义插件的方式实现任何代码的转换，接下来我们通过一个“把es6的 class 转换为es5”的例子来了解一下babel。 内容如下： webpack环境配置 大家应该都配置过babel-core这个loader，它的作用是...
详解webpack 配合babel 将es6转成es5 超简单实例
11-29
npm install --save-dev babel-core babel-preset-es2015 npm install --save-dev babel-loader 在当前文件夹内执行安装，然后创建两个文件夹一个src作为源文件夹，一个bin，保存生成的文件夹的列表 在src文件夹内...
Webpack4 使用Babel处理ES6语法的方法示例
12-01
ES6 很强大，但目前并不是所有的浏览器都支持，所以需要用到 Babel，让旧的浏览器或环境中将 ES6 代码转换为向后兼容版本的 JavaScript 代码。 来试一下吧，先安装需要用的 Babel 包： npm install babel-loader @...
babel转换html失败,node.js – Babel 7中的外部导入不会被转换
weixin_28787801的博客
05-31 219
我目前正在将代码库从Babel 6迁移到7.代码由多个具有自己配置的单个项目组成.主项目从外部导入文件,但是正在从主外部导入的脚本未被编译,并且在“意外令牌导入”时失败.直接位于main中的脚本可以正确传输.我在主项目中使用以下命令来转换脚本：babel-node ./index.js另一个项目使用Webpack做同样的事情并正确处理所有事情.这个设置也适用于Babel 6..babelrc fo...
babel用法 babel可以实现把es6语法转换成es5语法，但是不支持转换新的API，转换新的API需要用插件Babel-polyfill
sally18的博客
07-19 3060
解释一： Babel默认只转换新的JavaScript句法（syntax），而不转换新的API，比如Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局对象，以及一些定义在全局对象上的方法（比如Object.assign）都不会转码。 举例来说，ES6在Array对象上新增了Array.from方法。Babel就不会转码这个方法...
Webpack系列——使用 Babel 处理 ES6 语法
Smart_J_King的博客
01-12 418
有一些版本的浏览器对于JS新的语法(例如 ES6+)的支持不好，这时就需要将新的语法转换成 ES5 标准的语法，让浏览器正常识别它们，保证程序的稳定运行。 1.依赖安装 npm install -D babel-loader @babel/core @babel/preset-env 2.Loader设置 webpack.config.js module: { rules: [ { test: /\.m?js$/, exclude: /node_module...
webpack 打包babel（把es6语法打包成es5，因为有些浏览器不支持es6）
DaftJayee的博客
07-18 1306
babel 核心： babel-core 功能： babel-loader babel-preset-env babel-preset-react 二、安装（下载） npm install babel-core babel-loader babel-preset-env babel-preset-react -S 三、配置 两种配置方式： v1: webpack.config.js { test:/(\.jsx|\.js)$/, use:{ loader:"babe
Babel转换相关问题
m0_59347168的博客
04-15 677
Babel: 1.单独babel转化 推荐网址：https://github.com/jamiebuilds/the-super-tiny-compiler 将ES6以上的代码转成向后兼容版本的javascript；包括语法转化、源代码转换 babel编译器工作流程为解析、转换、生成。 具体：原生源代码--》词法分析--》tokens数组--》语法分析--》AST抽象语法树--》遍历--》访问--》应用插件--》新的AST--》目标源代码 npm install @babel/core @babel
学习babel(转码器)时问题解决
zackor_的博客
12-13 1141
学习babel(转码器)时问题解决：SyntaxError: D:\js-demo-study\12.13\Babeltest.babelrc: Error while parsing JSON - Unexpected EOF at line 1 column 2 of the JSON5 data. Still to read: "" 1、powershell的执行策略修改， 参考： https://docs.microsoft.com/zh-cn/powershell/module/microsoft
使用Babel解决ES6+兼容问题（简单版）
老曹的博客
06-10 8743
现在大部分浏览器还是支持ES6的，一般兼容性解决还是解决IE浏览器的问题，原理其实就是把ES6的代码转化为ES5再去执行，相当于编译。 在线编译（不推荐） 在线编译，浏览器需要一行行地转换，效率十分低，所以不推荐 首先找个地方创建一个文件夹babel，在babel里面创建一个demo.html，写入ES6代码 <script> let a = 10; let b =...
vue/cli2框架下babel解决es6语法不兼容问题，适用于IE9+
xiaxia0705的博客
09-30 2370
在IE浏览器下经常会报es6语法无法识别或未被转换报错的问题，例如SCRIPT1006: 缺少 ')'，“无法获取未定义或 null 引用的属性“call””，等乱起八糟的报错。对于vue/cli2脚手架搭建的项目来说，babel其实已经引入，.babelrc文件也已经创建好了。但实际操作的过程中我们还需要根据我们项目中使用的一些插件做一些配置。这里的crypto-js是我们项目中用到的加密方式也需要配置，主要还是根据项目中使用的一些插件进行相应的配置。此时一般都是通过babel来解决。
Babel解决ES6语法无法在浏览器兼容问题
lilong329329的博客
04-07 494
问题1：babel : 无法加载文件 C:\Users\win\AppData\Roaming\npm\babel.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/ go.micros 问题2：get-ExecutionPolicy 获取的结果为：Restricted 解决： 1、用PowerShell,以管理员的身份运行，注意：必须用PowerShell 和管理员身份 2、使用命令：get-ExecutionPolicy 查看获取的结果是否为：Restricted ..
webpack编译报错Cannot find module '@babel/core'且无法识别es6的reset语法
weixin_34067980的博客
11-02 1247
** webpack编译报错Cannot find module '@babel/core' **~ npm install babel-core babel-loader --save-dev 用了这个指令后webpack报错尝试重新下载了babel-core babel-loader 还是不行 Cannot find module ...
es6 continue语法报错
最新发布
06-03
在 ES6 中，"continue" 关键字的用法与 ES5 中相同，没有变化。如果你在使用 ES6 的 "continue" 关键字时出现语法错误，可能是因为你在使用的环境不支持 ES6 的语法。 在 ES6 中，有一些新的语法特性，如箭头函数、模板字面量、解构赋值等，如果你在使用这些特性时出现语法错误，可能是因为你在使用的环境不支持 ES6 的语法。 如果你想在 ES6 中使用 "continue" 关键字，可以在代码中使用 "use strict"，这可以确保代码在严格模式下运行，并避免一些常见的错误。此外，你也可以使用 Babel 这样的转译器，将 ES6 的语法转换为 ES5 的语法，在更广泛的环境中使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值