浪费在网页/babel的voodoo配置上的时间

Question

我遇到的错误是：

ERROR in ./~/babel-core/package.json
Module parse failed: /Users/sigfried/Sites/git_projects/supergroup/node_modules/babel-core/package.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "_args": [
|     [
|       "babel-core@^6.4.5",
 @ ./~/babel-core/lib/api/node.js 67:15-39

ERROR in ./~/globals/globals.json
Module parse failed: /Users/sigfried/Sites/git_projects/supergroup/node_modules/globals/globals.json Line 2: Unexpected token :
You may need an appropriate loader to handle this file type.
| {
|   "builtin": {
|       "Array": false,
|       "ArrayBuffer": false,
 @ ./~/globals/index.js 1:17-42

我不会费心提供我的package.json和webpack.config.js，因为我在遵循来自太多来源的食谱时（我承认这是盲目的，因此标题中是“巫毒”）更改了太多次，我不知道该提供什么。最终让我克服这些错误的答案不在堆栈交换上，所以我把它放在这里。

Answer 1

我听从了他的建议

react的Webpack错误，Webpack和Babel的“您可能需要一个合适的加载器来处理此文件类型”，这可能帮助我解决了其他问题，当然也帮助了其他人获得相同的错误。但最终为我解决问题的是：https://github.com/pixijs/pixi.js/issues/1854

我希望这一系列答案可以让其他人不用去看那么多地方。

有评论说，如果链接最终被破坏，那么这个答案将变得毫无用处，我应该在这个答案中包含实际答案，对此，我会这样做。但是，我建议您跳过这一部分，如果上面的链接仍然有效，请使用它们，因为它们包含webpack.config.js和package.js的完整示例，并且可能会提醒您自己的问题。（或者，比我更了解这个网页的人可以给出另一个提供真实解释的答案。我很乐意删除我的答案并选择那个。）

在第一个链接中提供的答案是：

加载程序选项应嵌套在模块对象中。

上面的第二个链接给出了这个答案：

你需要安装es2015预设：

npm install babel-preset-es2015
and then configure babel-loader:

{
    test: /\.jsx?$/,
    loader: 'babel-loader',
    exclude: /node_modules/,
    query: {
        presets: ['es2015']
    }
}

一个不太受欢迎的答案提供了这些链接：

>

babeljs.io文档

使用webpack配置反应

我不知道为什么，最终帮助我的是添加了一个json加载程序（当然还有npm--save dev I json loader）

module: {
  loaders: [{
    test: /\.json$/,
    loader: 'json-loader'
  }]
}

根据下面的评论，json加载器为我工作的事实可能意味着我在做其他事情（比如捆绑巴贝尔本身）时出错了。我可以不再重复这个问题，但是json加载程序是不必要的。

跟进：我又看到了错误！当我试图在一个源文件中使用require（'babel-core'），同时试图解决一些其他问题时，它出现了。