我正在尝试设置react-datepicker 页面上提供的代码。

我的构建工具链由 npm 和 browserify 组成。

我有以下 package.json

我的 main.js 组成如下：

然后我跑

我收到了这条信息

语法错误：/home/mylogin/test_react_go/datepicker/main.js：意外令牌（26:6）

我花了一些时间来理解这个问题，但还没有找到任何解决方案。如果有人更习惯于现代 js 工具可以帮助我，我会很高兴。

我想在我的网站中使用 Matomo (Piwik)。但由于某种原因，Matomo 代码在使用babelify.

这是纯matomo.js文件：

之后babelify：

使用该babelify文件最终会导致未按预期设置 cookie。如果我使用 vanillamatomo.js文件，cookie 会按预期设置。

我正在尝试在我的反应应用程序中使用 signalR。当我像这样导入它时：

没有uglify，构建运行良好。但是当我使用 uglify() 时，由于 uglify 和 es6 不兼容而失败。我找到了解决方法：

但是现在当我尝试构建项目时，我遇到了这样的错误：

这些模块位于

那么，在这种情况下如何修复构建？

构建任务本身：

提前致谢！

我使用https://github.com/babel/babel-upgrade升级到 Babel 7 ，现在出现与 grunt/browserify 相关的错误。

在咕噜声文件中：

我在 'browserify:all' 上收到以下错误：

错误：需要 Babel“^7.0.0-0”，但加载了“6.26.3”。如果你确定你有一个兼容的@babel/core 版本，很可能你的构建过程中加载了错误的版本。检查此错误的堆栈跟踪以查找第一个未提及“@babel/core”或“babel-core”的条目，以查看调用 Babel 的内容。（处理预设时：“XXXX”）解析文件时：“XXXXXX”

有人可以帮我解决这个问题吗？

包.json：

},

}

在没有 Angular cli 的情况下构建 Angular 应用程序

（即没有 ng-serve 或 ng-build）。

所以我正在使用下面的工具编译和获取 polyfill

工具/包：

• 我正在使用gulp来运行我需要的每个任务。
• 我也在使用@babel/ polyfill 、babelify、browserify和tsifiy

Github 回购链接：

https://github.com/lgavSKOPOS/testing/tree/5a0e5da4f566049d504dfad818a1eeb1c661cc66

我最初按照此链接完成此操作：

• https://www.typescriptlang.org/docs/handbook/gulp.html

它不包括任何有关在 Angular 中使用此方法的信息。仅通过 Babel 转译并使用 Browserify 的打字稿

然后我使用@babel/polyfills 添加了我的polyfills，但我仍然得到同样的错误。我按照以下链接查看是否可以解决我的问题：

在 main.ts 中导入模块顺序：

• 无法解析 ApplicationModule 的所有参数：(?)

在 main.ts 中添加 es6 和 es7 的反射文件：

• 错误：无法解析 ApplicationModule 的所有参数：（？）

吞咽文件：

main.ts（入口点）：

index.html（入口点）

app.module.ts

app.component.ts

包.json

堆栈跟踪（通过 chrome 开发工具）

如果我添加了太多代码，请告诉我，我将编辑这篇文章以提高可读性

预期结果：Angular 应用程序将开始运行，我可以访问应用程序组件和模块

实际结果：尽管在 Source 中可以看到组件/模块，但无法访问它们。仍然可以看到 index.html 中发生了什么。还出现错误：-无法解析 ApplicationModule 的所有参数：(?)。

更新 1：我可能会尝试在 gulp 中使用 ngc，但我不确定这是否会与我的 polyfill 问题发生冲突

我正在尝试从要在浏览器中使用的模块导入一个类。为此，我创建了一个 MCVE 来检查我的理解，尽管我得到了一个

Uncaught SyntaxError: The requested module './test-class-bundle.js' does not provide an export named 'TestClass'错误。

我的 MCVE 包含以下内容：

(1)test-class.js定义和导出类的A TestClass。

(2) 我使用npmand gulptobrowsify和babalifythe test-class.js。

(3)example1.html是我用来测试的。

测试类.js

包.json

gulpfile.js

示例1.html

目录结构

我通过运行来测试它npm run check，这会在 上启动一个服务器localhost:9001，当从我的浏览器访问它时，会导致给定的错误出现在控制台日志中。

我已经有 10 多年没有使用 Javascript 了，其中很多内容对我来说都是新的。如果有人能启发我，我将不胜感激。谢谢！

我正在使用 browserify 和 babelify 来转换 JS 文件。中的 JS 文件require()sa 组件node_modules，我也想对其进行转译。

根据babelify 的 GitHub 上的常见问题解答，为了实现这一点，我应该使用globalandignore选项来指定node_modules还应该转译的文件夹：

我正在browserify通过命令行使用，但我不知道如何传递这些选项。我也对这些是否是特定于browserifyor的选项感到困惑babelify。

这是我正在运行的命令：

这是我的.babelrc

即使README 提到它，我也无法在's options 的global任何地方找到文档。我尝试并给它我想要转换的模块名称（流利），但得到了browserifybabelify--global-transformUnexpected object exported by the fluent package. Expected a transform function.

我正在尝试将 Vue 单文件组件与 Gulp 构建系统一起使用。

Gulp 应该使用 Vueify 和 Babel 转换文件，但它们都没有转换箭头函数。

包.json

gulpfile.js

我的页面.vue

myPage.min.js 中的输出

请注意箭头函数没有被转换。

我有一个节点 js 库，我想在浏览器 IE 11 中重用它。

我尝试使用以下命令将代码转换为兼容 IE 11，但看起来我缺少一些配置。

我可以使用https://babeljs.io/repl手动转换 javascript 文件。我怎样才能自动化呢？

背景：

我有几个 vanilla JS 项目，文件最多 25 000 行/单个文件，我想在其中使用 ES6 功能 + 要求，这样我可以使代码更具可读性。顺便说一句，OS X 家伙

可能的解决方案：

我可以编写一个 package.json 并为每个项目使用一个 webpack，但如果我不这样做，我会更喜欢。

到目前为止我做了什么：

全局安装 browserify

在PhpStorm中设置观察者

全局浏览器路径

论据

一切正常，如果我的代码中有要求

✅ 它将正确捆绑，所需的外部文件将捆绑在单个文件中

但是，理想情况下，我想拥有它以便我可以使用 ES6 导入/导出功能，这可能会说我需要 babelify

这样做

并使用

❌ 实际上不会对脚本进行 babelify

我有点卡住了