我正在尝试配置我的第一个节点应用程序
我一直收到一个错误,上面写着“无法解决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安装--保存巴别塔加载器