问题标签 [babel-loader]

Webpack 编译成功，但无法在浏览器中加载。在检查 Web 控制台时，我发现在 _webpack_require_ 中无法访问某些模块。当我在相关模块中将 es6import语法更改为时require，Web 控制台中抛出的错误消失了。我不打算进入每个文件并将我的import语法更改为require. 我在 webpack.config.js 中与 babel-loader 一起配置了 .babelrc。

真的很困惑下一步该做什么，因为这是我第一次使用 webpack

我的 webpack.config.js

.babelrc 文件

flashMessage.js:13 未捕获类型错误：无法在对象的 eval (flashMessage.js:13) 处读取未定义的属性“ADD_FLASH_MESSAGE”。(bundle.js:1406) 在webpack_require (bundle.js:679) 在 fn (bundle.js:89) 在 eval (index.js:9) 在 Object. (bundle.js:1399) 在webpack_require (bundle.js:679) 在 fn (bundle.js:89) 在 eval (index.js:9)

babel is configured with:

and the packages:

in webpack.conf, I have a (completely stock) babel-loader section:

yet I am getting errors loading some files, such as:

yielding

per request, project structure:

webpack/share.js

包.json

babelrc

控制台中的错误

*.directive.js为所有文件获取上述错误

这是 filter.directive.js

下面是来自 utils 的 baseDirective 的代码

所有指令都具有类似的结构，如 filtersDirective 和指向 baseDirective @ ./src/app/components/index.js 36:0-58 是我导入 filters.directive.js 的行（从 '. /filters/filters.directive') 所有指令都抛出相同的错误，我得到 webpack: Failed to compile
in console 关于模块解析错误的任何想法？

从 vuejs 中的同一文件夹加载 vue 组件时出现错误。我已正确导入。但是在构建时，它显示以下错误。

嗨，请帮助我了解在 .babelrc 与 webpack 加载器选项中设置 babel config 与将其插入 package.json 之间的区别。

例如，如果我将预设放在 webpack babel-loader options vs package.json 或单独的 .babelrc 配置文件中，会有什么不同吗？

在 webpack 配置中：

在 json 包中：

嗨，我正在开发一个需要增强的现有应用程序。该应用程序是使用 angularJS、Babel、webpack 构建的。我在本地运行应用程序时遇到了困难，最终在更改了我们调用基本指令（如下所示）的方式后成功运行它，该指令使用 babel 下一代 javascript 表示法转换为常规表示法（babel 站点上有一个编译器来执行此操作）。

现在的问题是我能够在本地运行这个应用程序并且还能够构建捆绑文件（app.bundle.js、vendor.bundle.js、manifest.bundle.js）但是当我将这些文件部署到我的测试服务器时，控制台错误如下。

我的 Traspiled app.bundle.js 如下所示

这与 prod 服务器上的以前版本的 app.bundle.js 非常不同，如下所示

下面是我的 package.json 文件供参考

webpack 配置文件：它是一个包含 .babelrc、dev.js、server.js、prod.js、share.js 的文件夹，下面是 share.js 文件

下面是用于构建 app.bundle.js、vendor.bundle.js 和 manifest.bundle.js 文件的脚本（该文件位于 scripts/cmds/prod.js 上）

下面是 webpack 文件夹中的 .babelrc：

下面的 .babelrc 与 webpack 文件夹处于全局同一级别

如果有人遇到类似的问题，知道如何解决它，请分享您的意见。任何帮助深表感谢。谢谢

我将我的问题归结为最低限度的测试。我有一个App.js包含一些 jsx 的文件，该文件将被编译为./bundle.js：

我的 webpack 配置看起来很标准

仅当include删除行时，这才有效并正确编译。如果我启用该行，那么我会收到错误

我不知道为什么当我为加载程序指定一个包含时它会失败，甚至会include: []因为同样的错误而失败。

有人有想法吗？

在我的 react 项目中，我的 vmware 上一切正常。但是当我克隆同一个应用程序并运行 gulp 命令时，我在编译过程中遇到了这个错误说

这是我的 package.json 片段

我关注了很多线程，但似乎没有任何问题可以解决我的问题。我应该怎么做才能解决这个问题？我的 package.json 中已经有 babel-core 而不是 babel，这是大多数解决方案所建议的。

我仍然是 WebPack 的新手，但我已经尝试了我所知道的一切来让 Babel 在我的 WebPack 构建中运行。没运气。我被淘汰了。我知道它在这里的某个地方，但我找不到它。:(

错误信息

我的 package.json

我的 WebPack 配置

请注意：注释掉 Babel 规则后，一切正常！关闭注释，请参阅错误消息（如下）。

我的.babelrc

...和（为了完整起见）我的 index.js

真的没什么。主要是用于 webpack 构建测试的虚拟代码。

我的应用程序有一个惰性的 chunkhash 输出，仔细检查后我无法弄清楚为什么 login.vue 文件似乎出现了两次。一次作为自身，一次在 babel-loader 中。我使用 webpack-visualizer 来查看这个。

文件的总大小为 3.2kb，但我想确保我不会在这里加倍。

谢谢大家。