无法解析“babel loader”

我正在尝试配置我的第一个节点应用程序

我一直收到一个错误,上面写着“无法解决babel loader”

通过谷歌搜索这个错误,我发现了一些不起作用的建议

第一个是将以下内容添加到我的webpack.config.js

//解析加载程序:{
//模块目录:'/usr/local/lib/node_modules'
//   },

尝试此操作会产生一个错误,该错误表示:

配置对象无效。已使用与API架构不匹配的配置对象初始化Web包。
-configuration.resolveLoader具有未知属性“modulesDirectories”。这些属性是有效的:
对象{alias?、aliasFields?、cachePredicate?、descriptionFiles?、enforceExtension?、enforceModuleExtension?、extensions?、fileSystem?、mainFields?、mainFiles?、moduleExtensions?、Module?、插件?、解析器?、符号链接?、未完成缓存?、useSyncFileSystemCalls?}

下一个建议是尝试:

解析加载程序:{
回退:'/usr/local/lib/node_modules'
},

这会产生类似的错误

是否有人对如何开始使用此配置有任何建议。理解文档是很困难的-每一个单词都是行话,我找不到一个参考点来从根本上理解在这个设置中需要做什么

Webpack.config.js是:

module.exports={
条目:'./app/app.jsx',
输出:{
路径:_dirname,
文件名:'./public/bundle.js'
},
决心:{
模块:[[uuuu dirname,'node\u modules'],
别名:{
Greeter:'app/components/Greeter.jsx',
GreeterMessage:'app/components/GreeterMessage.jsx',
GreeterForm:'app/components/GreeterForm.jsx',
},
扩展:['.js','.jsx']
},
//解析加载程序:{
//回退:'/usr/local/lib/node_modules'
//   },
模块:{
规则:[{
//使用“babel loader”,
加载器:“巴别塔加载器”,
查询:{
预设:['react','es2015']
//“es2017”
},
测试:/\.jsx?$/,,
排除:/(节点|模块|鲍尔|组件)/
}
]
}
};

我也有同样的问题;我通过安装babel loader模块修复了它:

纱线添加-D巴别塔加载器

npm安装--保存巴别塔加载器

发表评论