reactjs - 模块解析失败 : additional babel_loader

Question

我已经使用 react-leaflet 有一段时间了，几周后我删除了 node_modules 中的文件并重新安装了它们，我根本没有接触 react-leaflet 版本，但是当我尝试运行时该项目，它给了我一个错误。

---

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

• ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js您可能需要一个额外的加载器来处理这些加载器的结果。|使用效果(函数更新路径选项(){| if (props.pathOptions !== optionsRef.current) {

  const options = props.pathOptions ?? {};

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

---

Answer 1

要运行它，必须降级 react-leaflet 库。这些是步骤:

1. remove react-leaflet: 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 运行客户端。