问题标签 [babel-loader]

我正在使用 webpack 并尝试利用用 TS 编写的现有 React 组件库。

但是，使用以下设置，webpack 会给出“意外令牌”错误。我将有问题的代码复制到 babel 在线编译器https://babeljs.io/repl/，但它没有显示任何错误。

我对 React 开发非常陌生，欢迎任何批评/问题/答案。

谢谢！

这是我的webpack.config.js

我的入口点文件index.js：

包.json

如果我运行npm run watch，我会收到以下错误：

我正在使用 Webpack 构建我的 react-redux 应用程序并遇到一种情况：我试图从一个应用程序目录中取出一些常用组件，以便在多个反应应用程序期间重用它们，但是当我尝试在应用程序目录之外加载一个组件时我收到错误：

我在 webpack.config.js 中的 babel-loader 规则如下：

我的导入代码如下：

这是解决此问题的任何解决方案吗？

将webpack从升级^1.14.0到后，我收到 JSX 解析错误"^3.0.0"

中的相关代码Application.js如下所示

文件的相关部分webpack.config.js如下所示（所有必需的插件都正确导入到 webpack 配置文件中，以下代码中不存在）。

来自文件的问题的相关依赖关系package.json如下。

以防万一有人想检查.babelrc文件（我认为babel-loader尊重babelrc: false标志webpack.config.js）。

关于可能出错的任何想法或线索？

我注意到的另一件重要的事情是，即使我的 webpack 项目和全局依赖项位于3.0.0，当我在项目中运行 webpack 时，它显示Version: webpack 1.15.0在顶部。截图如下。

babel-loader 在 windows 中成功编译了相同的代码，但在 mac 中无法在 es5 中打开 vue-router。

我在不使用 vue-router 的情况下重建了所有代码，一切顺利。所以我只是想知道是否有人遇到过这种情况？

苹果电脑：10.12.4 (16E195)

节点：v8.1.3

包.json：

.babelrc：

}

网络包：

};

得到错误：[ 'app.js from UglifyJs\nUnexpected token: keyword (default) [app.js:35217,7]' ]

版(2017-07-10 11:38:19)

应用程序.js：import VueRouter from 'vue-router';

package.jsonvue-routerin有node_modules这个：

那么如何让 babel 使用main字段而不是module字段呢？

做的时候

我明白了

我该如何解决这个警告，或者如果我不/不能，这意味着什么？

版本：

我正在尝试使用 Webpack 3 和 babel-loader 构建我的客户端，而在我的一生中，我无法弄清楚为什么它不解析一个简单的 JSX 文件。它立即失败，给我消息：

这是我的网络包：

在服务器上，我设置了这样的热重载中间件：

我正在运行 Webpack 3.4.1 和 Babel 6.25。Babel-loader 是 7.1.1，所有插件也是 6.24.1。

在此先感谢，这让我很头疼。

我是 .net 开发人员，我是 nodejs 环境中的新手

所以我把项目代码放在一个文件夹中，然后我使用

然后我使用 npm build 和 npm start build 命令，但它在 npm start build 命令之后给出了该错误

我搜索那个错误。我找到了那个解决方案。我认为错误是关于 babel/babylon

https://github.com/babel/babylon/releases/tag/v6.11.2

但我不明白那个解决方案。我应该将 https://github.com/babel/babylon/releases/tag/v6.11.2那个巴比伦文件下载到节点模块下吗？但是在我的节点模块文件夹中，这里没有巴比伦我的 package.json 如何将该项目安装到任何文件夹？只需复制文件和 npm install 就足够了？

已编辑

mockPlayer 函数中的 mockhelper.js 发生错误这里是文件代码

我有一个基于https://github.com/vuejs-templates/webpack-simple/blob/master/template/webpack.config.js的 webpack 配置 它使用 vue-loader 和 babel-loader。问题是我无法让它生成 ES5 代码，以便它可以在最广泛的客户端中工作。

如果我使用 ES2015 预设，则webpack.optimize.UglifyJsPlugin无法缩小输出，因为 Uglify 只能处理 ES5（不包括和声分支）。错误类似于：Unexpected token: punc (()并且发生在多个文件中。

我可以通过使用 which 来解决这个问题，babili-webpack-plugin这将缩小 ES6 代码，但速度很慢。但是，当我部署此代码时，我看到报告的错误说Block-scoped declarations (let, const, function, class) not yet supported outside strict mode，所以我知道他们是老客户在 ES6 代码上窒息。

如何从babel-loader获得正确的 ES5 代码输出？我尝试了多个预设，无论有没有transform-runtime插件。配置如下：

我有一个应用程序模块和一个由多个应用程序模块共享的通用模块。

应用程序/package.json

普通/package.json

通用代码在 es6 中，需要在 app 中转译，所以 webpack.config.js 包含

如果我在 common 模块中运行 yarn install 一切正常，然后在 app 模块中运行。这会复制公共模块的完整 node_modules，因此它包含所有开发部门，包括 babel-plugin-transform-object-rest-spread。

如果我从公共模块中删除 node_modules，运行 yarn install app 模块，只会复制 prod 依赖项，并且 app/node_modules/common/node_modules 中缺少 babel-plugin-transform-object-rest-spread。然后我得到

因为 app/node_modules/common/node_modules 中缺少 babel-plugin-transform-object-rest-spread。该包已经在 app/node_modules 中，所以应该没有问题，但是 babel 想要它在 common 包中吗？我如何告诉 babel 使用根级别的依赖？

Package.json这是我的包 json 文件。我已经在我的应用程序中安装了 npm install --save-dev babel-loader babel-core /* Package.json*/

.babelrc这是我的 babelrc 文件。我也通过这段代码配置了它 - /*.babelrc */

webpack.config.js这是我的 webpack 配置 js 文件。我也配置了模块并进行了测试，但它不起作用。

/webconfig.js代码/

应用程序.js

编译错误