问题标签 [babel-polyfill]
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.
javascript - 为什么我的 babel poyfill 不工作?
下面是我的 webpack 配置:
我也已经 npm 安装了这些模块:
这是我的 create.js 文件:
这是来自控制台的错误消息:
我做错什么了吗?我没有正确设置 babel polypill 吗?
reactjs - 在 webpack 中使用 babel-polyfill
尝试将 babel-polyfill 与 webpack 一起使用时,我不断遇到以下错误。如果没有像 babel-loader 这样的加载器,我应该如何使用它?有人提到它将模拟es2015
环境。
编辑
我的 webpack 配置
我已经添加了 babel-loader,但我仍然遇到同样的错误
javascript - Babel 将 new Request (fetch-api) 转换为函数调用,导致 Chrome 出错
我编写了一个单独的 API 库,我将其保留为纯 ES6(带有生成器等),但它依赖于 isomorphic-fetch 库(因此它可以在节点和浏览器上下文中使用)。
在另一个项目中使用 webpack 2 导入它时,一切都很好,直到我尝试完成缩小/优化过程。由于生成器语法不受支持,UglifyJS 不会处理它。所以我尝试通过 babel 作为 webpack 加载器运行该库,但是现在尝试在浏览器中运行代码时,出现以下错误:
Uncaught (in promise) TypeError: Failed to construct 'Request': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
似乎我在这里陷入了第 22 个问题,我不确定为什么 Babel 保留某些本地类而不是 Request 类。
非常感谢任何帮助,一直在我的桌子上敲打我的头。
reactjs - 我的 Webpack 配置有什么问题?
我开始在一个学生项目中使用 Webpack,但我坚持配置 Webpack 以包含 React 和 Babel。这是我的节点包:
...还有我的 webpack 配置文件:
但是webpack
命令显示了这个错误:
(有我的示例 index.jsx 文件)
所以问题似乎来自我的 webpack.config.js,但我不知道为什么,尽管从网上的许多示例中进行了搜索。你能帮助我吗 ?谢谢 !
node.js - 如何在 webpack 中多次包含 babel-polyfill?
目前我有两个不同的 NPM 组件即将被 webpack 打包,它们都babel-polyfill
在 webpack 入口点中。
现在捆绑后,我有两个不同的捆绑文件,但要求它们在同一个文件中会出现“babel-polyfill 应该只需要一次”错误。
我错过了什么,还是有办法解决这个问题?
angularjs - angular ui-router 只允许使用一个 babel/polyfill 实例
目前,我为一个学校项目工作,想展示一些带有 angularJs 和流星的图表。
我想使用 ui-router 插件。但是当我尝试使用它时,我收到以下错误:
我也收到此警告:
我真的不知道这条消息想告诉我什么。我没有多次加载 babel/polyfill。在我收到这条消息之前,我什至不知道这个插件。
这是我的 main.js 和 ui-router 代码:
这是应该注入视图的 main.html 的代码:
没有 ui-router 它工作正常!
这里有什么问题?
javascript - 无法读取未定义的属性“_babelPolyfill”
我正在尝试让 babel-polyfill 与库一起使用,但出现以下错误:
我使用webpack-library-starter作为我的模板。
完整复制详细信息:
尝试添加import 'babel-polyfill'
到“src/index.js”的开头并没有它。
添加'babel-polyfill'
到“webpack.config.js”:
然后构建并测试:
node.js - babel 源映射 - 无法正确调试
我正在从事一个大学项目,并且正在使用 babel 转译的 node js 编写后端,以便使用 async/await
我正在生成源映射以正确调试,但它做了一些非常糟糕的工作
例如 - 我不能在“if”或“return”语句上设置断点我担心这只是在安装了一些额外的 babel 插件之后才发生的,我在尝试解决一些错误时必须安装
这是我的 package.json:
它有点削减,但你明白了
奇怪的是转译的 js 文件看起来很奇怪
虽然这是源函数:
};
这是文件的开头:
我将不胜感激,或者如果有人可以告诉我这里出了什么问题以及为什么我无法正确调试
谢谢你
webpack - 使用 webpack 构建时自动插入 babel-polyfill
我有以下 webpack 配置:
如果我将import 'babel-polyfill';
其放在 app.js 文件的开头,babel-preset-env 会将其转换为仅使用我需要的 polyfill。
我希望 webpack 插入 polyfills 而不必修改我的源代码。我知道我可以将入口点更改为 ['babel-polyfill', __dirname + '/src/public/mainapp/app.js'],但是无论我是否需要,每个 polyfill 都会被添加到输出中。有什么方法可以做到这一点,同时仍然只选择我需要的 polyfill?
webpack - babel polyfill 捕获了我的错误,而不是让它们冒泡
我正在使用raygun来跟踪我的前端错误。Raygun 通过挂钩属性来利用 EventError window.onerror
。到目前为止,一切都很好。
我的应用程序是用 ES6 编写的,它使用生成器。我使用babel编写符合 ES6 Web 浏览器的代码并使用 webpack来捆绑它。由于我正在使用generators
,我还在我的 HTML 中导入 Babelpolyfill
以及我的entry chunk
. 我没有将它导入到我的应用程序中,因为 HTML 页面可能会加载其他应用程序,而这些应用程序又会尝试运行 polyfill。这样,只运行一个 polyfill 实例。
为了确保window.onerror
工作正常,我首先编写了自己的错误处理程序(嗯,我从 MDN 复制了它):
所以,通过运行我的代码,我会期待一个美妙的老式警报。
不幸的是,我得到的是错误日志中的一条消息,但 window.onerror 钩子没有捕捉到它:
而如果我将我throw new Error('test');
的生成器功能移到外面,我会收到预期的警报。我怎样才能避免这种行为?