React项目安装Nivo图表后出现Loader缺失错误，请求协助解决

这个错误是因为@react-spring/web使用了当前Babel配置未支持的语法，而默认的babel-loader没有处理node_modules中的这个包导致的。以下是几种可行的解决办法：

方法一：降级@react-spring/web到兼容版本 #

• 卸载现有版本：

  yarn remove @react-spring/web
  

• 安装兼容的旧版本（推荐@9.7.2，适配大多数create-react-app版本）：

  yarn add @react-spring/web@9.7.2
  

• 重启开发服务器：

  yarn start
  

方法二：自定义Babel配置处理react-spring包 #

如果不想降级，可以通过react-app-rewired扩展create-react-app的配置：

1. 安装依赖：

   yarn add react-app-rewired customize-cra --dev
   

2. 在项目根目录创建config-overrides.js文件，添加以下内容：

   const { override, babelInclude } = require('customize-cra');
   const path = require('path');
   
   module.exports = override(
     babelInclude([
       path.resolve('src'),
       path.resolve('node_modules/@react-spring/web'),
     ])
   );
   

3. 修改package.json中的scripts命令，替换react-scripts为react-app-rewired：

   "scripts": {
     "start": "react-app-rewired start",
     "build": "react-app-rewired build",
     "test": "react-app-rewired test"
   }
   

4. 重启开发服务器。

方法三：升级create-react-app到最新版本 #

如果项目允许，升级react-scripts到最新版，新版本的Babel配置通常支持更多新语法：

yarn upgrade react-scripts@latest

升级完成后重启服务器即可。

内容的提问来源于stack exchange，提问作者Abhay Bisht