问题标签 [babel-preset-env]

我正在使用ACE编辑器创建交互式 JavaScript 编码练习。要执行输入的代码，必须转换代码。为此，我正在使用@balel/core transform方法。我面临以下问题

1. 当我 presets: ["env"]在选项中使用时，我得到了Error: Cannot load preset env relative to / in a browser。我已经npm install babel-preset-env安装了预设
2. transform不是压倒一切的选项babelrc: true

这是我的.babelrc：

这是错误的来源。\client\src\components\AddBook.js：

const { handleSubmit, pristine, reset, submitting } = this.props;

错误信息

我认为@babel/preset-env处理了所有最新的 JavaScript 语法。是什么让代码中断？完整的仓库在https://github.com/ElAnonimo/booklist

I am getting various unexpected empty lines when I transpile a JavaScript snippet with Babel. Here is the source code:

And this is what I get after I transpile it:

Notice empty lines before semicolons and after the second function comment.

Dependencies:

.babelrc

So the question is: How do I get a clean output without those empty lines?

Interestingly, if you put the same snippet to https://babeljs.io/repl it doesn't output empty lines.

Update

As suggested by Felix Kling, after removing the semicolons I do get this:

当我安装 @babel/preset-env 并尝试运行 node.js 文件时，我收到以下错误。

以下是堆栈跟踪

我已经通过安装“7.0.0-bridge.0”等尝试了其中的一些。

有人可以帮忙吗。花了几个小时试图解决这个问题。谢谢

I'm trying to run a simple node.js file which needs the @babel/preset-env preset. The moment I run the js file, I get a message saying

Requires Babel “7.0.0-0” but was loaded with “6.26.3”</p>

To replicate the issue, please try the following in a new folder: 1. Run the following commands

2. Create a .babelrc file with the following

3. Create a sample emp.jsx with the following

4. Create a parse.js file with the following

Now run the parse.js file by running

You should see the error mentioned above. I have been trying to fix with for a long time now. Please help.

Many Thanks

我正在 npm 脚本中使用 browserslist 测试 Babel。

这是我当前的 package.json，其中 Babel 正在执行我期望的操作：

我没有使用 .babelrc 文件或任何其他 Babel 配置。

我尝试使用 browserslist 键定位 Edge 16：

使用此配置，Babel 不应转换const为var，但它确实如此，如下所述： Babel 不会更改 const，因为 Edge 16 支持它 https://github.com/browserslist/browserslist-example

但是，如果我使用 babel 键定位 Edge 16：

然后 Babel 不会正确更改const为，var因为 Edge 16 支持它。

我更喜欢使用 browserslist 键，因为这是推荐的做法 https://github.com/browserslist/browserslist

此外，我可以简单地与 autoprefixer 共享这个 browserslist 选项，这就是它应该如何工作的。

但是，问题是 Babel 似乎忽略了 browserslist 键。

如果我使用包含以下内容的 .browserslistrc 文件，情况也是如此：

这张幻灯片上有一个带星号的注释： https ://slides.com/ai/browserslist#/14 报告： 只有 Babel 7 支持配置文件

所以，我尝试将 Babel 更新到 v7：

这在 devDependencies 中产生了以下内容：

不幸的是，这似乎没有任何区别。

所以，我的问题是：

1. 为什么 browserslist 键似乎没有影响 Babel？我的语法有问题吗？

2. browserslist 键出现在 package.json 中的哪个位置是否重要？即关键顺序重要吗？

使用 Rollup 时，如何让它同时@babel/preset-env与 和一起使用@babel/polyfill？提到要添加的文档，useBuiltIns: 'usage'但是当我这样做时，我require is not defined在控制台中遇到错误。以下是我到目前为止所拥有的；有更推荐的设置吗？

rollup.config.js：

.babelrc：

以前有效的东西不再有效，我不知道如何解决这个问题。我在 Mac 上运行并具有以下版本： Node: v10.14.1 npm: 6.9.0 express: ^4.16.4 @angular/cli: ^7.3.3 babel-preset-env: ^1.7.0

即使我同时安装了 Express 和 babel-preset-env，我也会收到以下错误消息：

这就是我在 server.js 文件中的内容：

我创建了一个webpack.config.js导出两个不同 WebPack 配置对象的文件。我需要为这些中的预设设置不同的 babel 选项。经过一番研究，我尝试创建两个不同的加载器配置，每个都将不同的targets选项传递给预设，如下所示：

但是我显然是在解决这个错误，因为我在 WebPack 构建时遇到了这个错误

我认为问题的症结在于：当我有多个预设时，我应该如何@babel/preset-env从我的文件中传递目标选项？webpack.config.js

babel 文档说模块默认选项是自动，自动是什么意思？它是否将“导入”转换为“要求”？“模块：假”和“模块：自动”有什么区别？似乎它们是相同的结果；我正在学习摇树，当我没有为我的@babel/preset-env 设置任何选项时，摇树成功，当我设置“modules: false”时，摇树也成功；