问题标签 [babel-loader]

当我运行时发生错误babel src --out-dir lib --plugins=transform-function-bind,transform-regenerator

我试图重新安装transform-function-bind，但它仍然没有工作。我认为安装 webpack 后会发生错误，但即使我卸载了 webpack，我仍然会收到此错误。我真的不知道为什么会这样。有任何想法吗？

我有一个一直在使用的 React 项目，该项目使用babel-preset-es2015webpack 构建得很好，但是由于我已经转移到babel-preset-env模块构建失败。

出现此错误消息：

以下是我的 webpack 配置：

工作（使用 babel-preset-2015）

不工作（使用 babel-preset-env）

package.json依赖：

我在安装所有 node_modules 时遇到了这个问题。这让我抓狂。

babel-loader@7.1.2 需要 webpack@2 的 peer || 3 但没有安装。

这是我的 package.json 文件

我正在使用create-react-app这个项目。所以我无法更改webpack.config.js文件。我应该在这里做什么？

在我的 Deis 应用程序中收到错误；将Helmet引入前端中间件。该应用程序最初基于React Boilerplate和我运行的大多数建议，我已经在源代码中实现/探索，并且仍在产生这个“幻影”错误。

这只发生在 Deis 应用实例上；在本地复制这些步骤时，完成（生产）构建过程的问题为零。

当然，我可以从中间件中删除helmet，但是，我宁愿不...

错误输出：

依赖对象值/对：

运行时配置：

• 网络包：2.2.0-rc.3
• 通天塔核心：6.26.0
• 通天塔加载器：6.18.0
• 头盔：3.9.0

环境工作流程：

• 在 Deis 实例上运行（kube 和 docker）

环境变量：

其他资源：

• https://github.com/babel/babel/issues/6558
• https://github.com/babel/babel-loader#usage
• https://github.com/react-boilerplate/react-boilerplate/pull/1236#issuecomment-305821664
• Heroku 上的 BabelJs：找不到相对于目录“/app”的预设“env”
• https://devcenter.heroku.com/articles/nodejs-support#devdependencies

我有这个文件：

AxiosExtension.js

我正在通过 webpack babel loader 运行 AxiosExtension，如下所示：

Webpack Babel-Loader

我在多个文件中包含 AxiosExtension，如下所示：

我的代码.js

当我在构建 webpack 后在浏览器中加载 MyCode.js 时，出现此错误：

控制台错误

当我在 Chrome Sources 选项卡中查看我的 AxiosExtension.js 文件时，babel 的输出如下：

Babel 之后的 AxiosExtension.js 最终输出

看起来_interopRequireDefault是使用后定义的。关于我的 webpack/babel 配置可能有什么问题的任何想法？

.babelrc

当我自己运行 babel 时，它会.babelrc按预期读取和编译。但是，当我使用 运行 webpack 时babel-loader，输出的代码与原始代码非常相似，但我希望它可以在旧版浏览器中运行。

.babelrc

webpack.config.js

我试图根据一些答案来修复我的错误。但我解决不了。

我正在使用 webpack 1.15.0 和 babel-loader 6.4.1。

请帮我解析 jsx 文件。

这是错误消息。

./~/react-file-viewer/src/components/file-viewer.jsx 中的错误模块解析失败：E:\code-bucket\university\node_modules\react-file-viewer\src\components\file-viewer。 jsx 意外令牌 (74:6) 您可能需要适当的加载程序来处理此文件类型。SyntaxError：意外的令牌 (74:6)

这是我的webpack.config.js文件。

这是我的package.json文件。

我有一个用 es6 编写的库。它构建了 IIFE 人工制品（使用通过 .babelrc 配置的汇总和 babel），并且它还将自身暴露为一个 npm 模块而无需任何转译（通过 package.json 中的“模块”键： https ://github.com/rollup/rollup/wiki /pkg .模块）。

另一个配置了自己的 babel-loader 的 webpack 项目导入并使用这个 lib 作为 npm dep。

问题是 webpack 的 babel-loader 使用 lib 中的 '.babelrc' 来转换它（这就是 babel 配置查找的工作方式）。

'babelrc:false' 禁用配置查找，我已经通过在 webpack.config 中内联 webpack 的 babel 配置来克服这个问题，但是有没有办法配置我的 webpack+babel 以使用我的项目本地的 babel 配置而不是那些它可以在 node_modules/ 中找到吗？

我知道我可以转译我的 lib，但由于它是私有的并且在受控环境中使用，我认为我的 webpack 应用程序中的一个转译过程就足够了。

我尝试创建一个简单的表单验证，并通过示例项目中的 yarn 链接注册它以测试设置。但这绝对行不通，我不知道如何继续。

这个“脚本”然后由webpack, with eslint-loaderand babel-loader(presets env & stage-0) 生成。

因此，它不应该仅仅为了有趣的记录消息而做更多的事情。但是当我尝试调用它时，new Proofr()它告诉我以下内容：

但如果它不是构造函数，那么它是什么？它是一个空对象，至少 crome 开发工具是这么说的。我导入通过纱线链接链接到我的项目的 js 文件中的校对器。

因此，据我所知，也许有人看到了最可能非常小的错字。两个存储库都使用相同的 babelrc，因此它们使用相同的预设。

这里是由 webpack 和 babel 生成的用于校对的文件

如果您想自己查看，可以通过 npm install proofr（或 yarn proofr）添加

我当前的项目（我的项目）中有很多代码需要在新项目中使用。这段代码是用 ES6 编写的，然后用 babel 转译。

我使用此共享代码创建了一个名为“my-module”的模块，并将其链接到“my-project”npm link

问题是当我启动项目时，“my-module”中的代码没有被转译，并在导入语句处引发错误。

my-module 中的代码将被大量编辑。如何使它起作用？

包.json

.babelrc