问题标签 [babel-loader]

配置对象无效。Webpack 已使用与 API 模式不匹配的配置对象进行初始化。- 配置具有未知属性“模块”。这些属性是有效的：object { mode?, amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, loader?, module?, name?, node?, output ？，优化？，并行？，性能？，插件？，配置文件？，recordsInputPath？，recordsOutputPath？，recordsPath？，resolve？，resolveLoader？，stats？，target？，watch？，watchOptions？} 对于错别字：请更正。对于加载器选项：webpack >= v2.0.0 不再允许配置中的自定义属性。应该更新加载器以允许通过 module.rules 中的加载器选项传递选项。

在我的webpack.conf.js我这样设置 babel-loader

我只想import moment from 'moment'，但是 webpack 发出警告，

在“时刻”中找不到导出“默认”（导入为“时刻”）

我在这里尝试了建议，如何在 es6 中导入 momentjs？ 例如使用import moment from 'moment/src/moment'然后我得到另一个警告

未找到此相关模块：

• ./locale 在 ./node_modules/moment/src/lib/locale/locales.js

我曾经uglifyjs-webpack-plugin 1.1缩小我的代码，IE11 可以访问它们，这让我相信应该有一种简单的方法让 babel-loader 将我的代码转换为 es5 并让 IE 访问它们。

我遇到了一个问题，似乎是由于我对 webpack 缺乏了解。我创建了一个如下所示的文件结构：

twilioClient 是我制作的一个库，需要包含在 service1 和 service2 中。由于无服务器框架的限制，您不能在服务之外捆绑文件，所以唯一的选择（我认为）是使用npm install ../my-local-libs/twilioClient来自服务文件夹内部的。这适用于安装模块，但现在它驻留在 node_modules 中。目前，我也在使用 webpack 和 babel。

我相信我的根本问题是我的 webpack 配置如下所示：

其中不包括我的 es6 twilioClientlib，因为它在node_modules文件夹中。

我看到一些人建议这是完成“排除节点模块中的所有内容twilioClient”的方法：

但这在我的情况下不起作用。任何帮助是极大的赞赏。

我刚刚将我们的代码库从使用 CommonJS 转换为使用 ES6 模块，并且 webpack 包的大小显着增加。每个入口点增加 7-10%。

除了一些小例外，我在代码库中唯一更改的是 require() 和 module.exports。

1. 这是预期的行为吗？
2. 我能做些什么吗？

使用 CommonJS (require/modules.exports)。

使用 ES6 模块（导入/导出）

我还尝试为 babel 加载程序打开 modules:false （https://babeljs.io/docs/plugins/preset-env/#modules），并添加 ModuleConcatenationPlugin，这有点帮助，但它们仍然相当不错大一点：

我正在编写一个babel.transform用于检测导出模块的函数，例如默认和命名导出。

对于默认导出和命名导出，我使用以下 babel 类型进行检测：

• ExportDefaultDeclaration

• ExportNamedDeclaration

但我想支持module.exports上面指定的任何一种类型都没有检测到的。

我试过DeclareModuleExports没有运气的类型。

任何人都知道我应该使用什么类型？

我有一个包含所有最新 npm 包的 react 项目。请检查 github 链接以获取 package.json 文件

我可以在 chrome 开发人员工具上看到创建的 bundle.js 文件和我的组件，但是我看不到这些组件在浏览器上呈现。

git 仓库

请参考下图

反应开发工具选项卡

在我的项目中

package.json（仅列出babel相关包）：

“webpack”：“^3.5.5”，“webpack-dev-server”：“^2.7.1”

npm 包“ui/base”是用ES 6. 我正在尝试将它导入到类似的页面上

import '@ui/base';.

package.json“用户界面/基地”。

包的构建版本在ui/base/target/package/@ui/base/0/Main.js

现在，在我的项目的构建过程中，我收到一条错误消息

错误是从组件的源头抛出的。在项目的构建过程中没有采用包的构建版本。

我正在使用以下规则webpack来构建项目。

下面是.babelrc在一个项目中。

不使用用 ES6 编写的包，一切正常。

更新

如果我将“主要”更改package.json为@ui/base

然后它工作。实际上，“main”指向“./src/index.js”。

我在这里也很困惑。为什么“main”不指向包的构建版本？

如何解决这个问题？是否有任何版本与 babel 或 webpack 不兼容？为什么我没有得到用 ES6 编写的 npm 包的构建版本？

我正在使用 Webpack、Gulp 和 React 在我的 Jekyll 静态站点中使用 React 应用程序。我在 React 元素上收到了一个意外的令牌错误：

我尝试了各种方法和 babel 预设。

webpack.config.js

相关的gulp代码：

任何人都可以看到我遗漏的任何东西，有错误，或者版本/预设有问题吗？

我已经浏览了其他类似的问题和答案，比如这个和这个，但没有运气。

编辑1：

如果我将 webpack.config.js 更改为使用 babel-polyfill 并排除而不是包含，我可以克服第一个错误，但我仍然在<Provider>元素上出错。

是的 Provider 已导入import { Provider } from 'react-redux';

编辑 2（根据评论请求）

出于某种原因，我不再在我的消息中得到很好的跟踪。这是昨天的一个。

我正在开发简单的 js 应用程序，但遇到了与 babel 或/和 webpack 相关的问题 - 无法编译类（静态）属性，抛出错误：

我用这个问题简化了文件，只有两个 - 入口点 index.js：

组件看起来像：

最令人困惑的时刻是它在我的 OSX 机器上成功编译，但无法在 Win 10 PC 上运行。我不知道操作系统会如何影响......我在 package.json 中有以下依赖项：

和 webpack.config：

和.babelrc：

UPD

我也尝试将 babel 设置移动到 webpack.config.js，但它没有帮助：

当我在 NodeJs React 应用程序中使用 webpack 和 babel 时，我收到一个自动生成的错误代码：

这是 babel/webpack 自动生成的代码中的违规行：

如果我从自动生成的代码中手动删除上述行，那么错误就会消失。但由于显而易见的原因，这不是一个好的解决方案。

我正在使用 webpack 4，如package.json的摘录所示：

这是我的webpack.config.js：

我像这样构建bundle.js：

如果我保持一切不变，但使用webpack 3.11.0并卸载webpack-cli并像这样构建bundle.js ，错误就会消失：

注意：最新的 webpack 3.X 版本支持webpack.config.js中显示的 webpack 4.X 语法。

细节：