模块解析失败:附加 babel_loader

Module parse failed: additional babel_loader

我用react-leaflet有一段时间了,几周后我把node_modules里面的文件删了重装了,完全没碰react-leaflet版本,但是当我尝试 运行 项目时,它给了我一个错误。


./node_modules/@react-leaflet/core/esm/path.js 10:41 模块解析失败:意外标记 (10:41) 文件是用这些加载器处理的:

  const options = props.pathOptions ?? {};

| element.instance.setStyle(选项); | optionsRef.current = 选项;


为了运行它,必须降级react-leaflet库。 这些是步骤:

  1. 删除反应传单:npm uninstall react-leaflet

  2. 将您的 react-scripts 版本更新到 3.3.0 或更高版本:npm install --save react-scripts@latest

  3. 删除 node_module 目录(可选)

  4. 清理缓存: npm cache clean --force

  5. 安装工作版本: npm i react-leaflet@3.1.0 @react-leaflet/core@1.0.2

您现在可以 运行 客户端执行 npm start。