问题标签 [babel-cli]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3944 浏览

heroku - 将 Node JS 应用程序部署到 Heroku 服务器时出现“npm start”错误

当我将 NodeJS 应用程序部署到 Heroku 服务器时出现此错误。

我的配置:package.json 文件。

我的配置:Procfile 文件

我正在尝试在服务器上运行 babel-node index.js。但收到此错误

我正在寻找修复它,但仍然出现此错误。请帮忙。

更新

已安装依赖项,但仍然出现“npm start”错误。

0 投票
0 回答
299 浏览

javascript - 如何在 babel cli 中使用 babel 中的正则表达式包含参数?

我想src在 babel 的帮助下转换我的目录的内容以及 node_modules 中的一些包。我在 package.json 中使用以下命令作为我的 npm 脚本:

为了包括所有以abc-或开头的包qwe-

我得到的输出错误是:

Babel 成功编译了我的文件夹的内容,但是它不会转换以orsrc开头的 node_module 包的内容。abc-qwe-

我尝试了什么:

  1. 在 include 语句后使用正则表达式。
  2. 在根级别添加包含在 babel.config.js 中,如下所示:

    包括:[ /node_modules/(abc-|qwe-)/ ]

我正在使用的 babel 包: "@babel/cli": "^7.5.5", "@babel/core": "^7.5.5"

但所有插件提案都是 7.0.0 版本。

不确定这是否相关,但以符号链接开头的abc-软件包qwe-。不确定这是否会使我的问题复杂化。

这些尝试都没有帮助。我究竟做错了什么?

更新:根据评论,我尝试了更多尝试使用 globbing @Powell Ye。我限制自己只abc-输入包。这似乎-是 globbing 模式中的一个特殊字符,因此删除它取得了进展:

但是我仍然遇到Octal literal in strict modeBABEL_PARSE_ERROR 解析错误。

0 投票
0 回答
63 浏览

babeljs - 是否可以在 @babel/cli 运行之间使用缓存?

当从终端重新运行babel一组基本没有变化的文件时,babel 需要相同的时间来处理它们。有没有办法在不同的运行之间使用缓存babel来加快速度?

0 投票
0 回答
1449 浏览

javascript - React on Web - 未捕获的语法错误:无法在模块外使用 import 语句

在解决这个问题的第四个小时,如果有重复,我真的很抱歉,但我只是查看了所有的建议和类似的东西,但我需要帮助!

我对 React (ReactJS) 相当陌生,想在网页内实现一个应用程序。

到目前为止,对于一个简单的应用程序来说一切都很好,但是当我编译时,Babel没有从 App.js 编译“导入”行

我在浏览器中遇到的错误是

Uncaught SyntaxError: Cannot use import statement outside a module

我认为这是因为Babel编译器没有进行导入,但我显然缺少这方面的一些教育?

这是文件(我包括了它所涉及的所有内容,以防您需要查看某些内容):

包.json

应用程序.js

组件/TestComponent.js

然后我运行以下...

npx babel --watch src --out-dir dist --presets react-app/prod

它工作得很好......但我认为它只是没有在 App.js 中正确编译导入

感谢您的时间!

0 投票
1 回答
2467 浏览

javascript - npx babel 没有从 babel.config.js 读取配置

npx babel index.js从命令行运行时,我希望看到我的 babel 配置从 babel.config.js 应用

然而,情况似乎并非如此,因为想知道为什么会这样?

我在 npx babel --help 中注意到它指出 --no-babelrc 标志忽略来自 .babelrc 和 .babelignore 文件的配置。这是否表明调用此命令时不考虑 babel.config.js 文件?

干杯

0 投票
1 回答
864 浏览

javascript - babel [...] --watch 在每次发生更改时都无法构建 es6 文件夹

我正在创建一个简单的组件库,并且希望每次保存我的一个文件时都构建它。

这是我当前命令的样子:

我还移动了--watch旗帜,看看它是否会有所作为,到目前为止它没有任何区别,它只运行一次。

对于它的价值,我正在使用@babel/cli v7.8.4. 无论如何,每次我做出改变时,我怎么能得到它?如果是这样,我的命令有什么问题?

0 投票
0 回答
1151 浏览

vue.js - babel.config.js vs .babelrc(Vue + Express 在同一目录中)

您可以直接跳到本节的最后一部分以了解确切的问题吗?如需完整上下文,请从头开始阅读。

这就是我启动 Vue 项目的方式:

选择所有默认值,并babel.config.js在根目录中得到包含以下内容的文件:

接下来,我在根目录中安装@babel/cli、使用@babel/preset-env并创建了一个演示,内容如下:expressnpmserver.js

现在我希望server.js使用带有预设的 babel 进行编译:preset-env我尝试了以下操作:

.babelrc1)在根目录下创建一个,内容如下:

2)尝试在命令行中设置预设npx babel --preset @babel/preset-env server.js -d dist

在这两种情况下,babel.config.js似乎都优先考虑。如果确实是这样,那么我怎么能告诉 babel 在某些情况下忽略这个文件。有出路吗?

我的问题的一种解决方案是复制 to 的内容babel.config.js然后.babelrc删除babel.config.js,这样我的 VUE 构建不受影响(我真的不知道幕后发生了什么),然后我可以server.js通过忽略.babelrc使用此命令来构建

现在我想知道这里到底发生了什么,有没有更好的解决方案来解决我的问题?

Q1:有什么方法可以忽略babel.config.js使用命令行,就像我们可以忽略.babelrc一样--no-babelrc

Q2:有什么办法可以在同一个项目下使用多个 babel config 文件?这样在使用 babel 编译时,我们可以提及使用哪个配置文件?

Q3:babel.config.js.babelrc本质上是一样的吗?如上所述,我复制了babel.config.jsto的内容,.babelrc然后删除了babel.config.js。但是所有的 VUE 版本都运行良好。那未来安全吗?

尝试谷歌搜索,但可以找到任何有用的东西。提前致谢。

0 投票
1 回答
1489 浏览

npm - `npm install @babel/cli` 对四个模块说“WARN deprecated”。我该如何解决这些弃用?

我的设置

  • MacOS = Catalina 10.15.4(最新版本)
  • nvm = 0.35.3(最新版本)
  • node.js = 12.16.3(最新的 LTS 版本)。安装在 nvm 目录中。
  • npm = 6.14.4(最新版本)。安装在 nvm 目录中。

注意:没有全局安装在usr/local.

我的问题

npm init -y用来创建我的 package.json。这里没有问题。

我用npm install --save-dev @babel/core. 这里没有问题。我得到版本 7.9.6。

然后当我使用npm install --save-dev @babel/cli我回来时:

npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.

npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.

npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated

npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated

@babel/cli 版本是 7.8.4。

我尝试解决问题

npm install chokidar@3给了我完全相同的警告。

npm install chokidar其次npm install --save-dev @babel/cli给了我完全相同的警告。

npm upgrade chokidar绝对没有给我任何东西。终端只是开始一个新行。

我已经安装了 xcode 的命令行工具(版本 11.4.1 - 最新的非测试版)并且问题仍然存在。

我卸载了 node.js 和 npm,然后使用 nvm 重新安装。问题仍然存在。

我尝试阅读 www.babeljs.io 上的安装指南和文档,但很多信息似乎已经过时和/或自相矛盾。我找不到任何可能讨论该问题的 youtube 视频,因为它们也已过时。stackoverflow.com 上与此问题稍有关联的所有帖子也已过时。我最大的问题是试图找到不过时的信息。

我很困。我正在努力思考下一步该往哪个方向尝试并弄清楚如何解决这些弃用警告。

任何帮助将非常感激。

0 投票
1 回答
28 浏览

compilation - Babel --out-file 在子文件夹中

我正在尝试用 babel 编译 jsx。我可以做到,但我想在子目录中设置 --out-file 。有我想做的:

我在 shell 上运行的脚本:

0 投票
2 回答
677 浏览

babeljs - 无法使用 babel 转换代码 使用配置文件进行转换

这是配置文件:

这是命令:

CLI 输出是

输出脚本文件与输入脚本文件相同。


这是 node.js 文件:

输出脚本文件的内容是预期的。


我用这个作为输入:

这是上面显示的 CLI 命令的输出。

这是上面显示的 NodeJS 文件的输出(这是我预期的 CLI 输出)。


问:你能用 babel CLI 来转换代码吗?