已安装formik仍报错：无法resolve依赖问题求助

Formik 模块找不到问题 #

• 核对导入语句：确保Main.tsx中的Formik导入是标准写法，无拼写或路径错误：

  import { Formik, Form, Field } from 'formik';
  

  注意大小写（虽然Windows文件系统不区分大小写，但打包工具/TS编译器可能严格校验）。
• 确认安装路径：检查执行yarn add formik或npm install --save formik的目录是项目根目录（即包含package.json的文件夹），而非子目录。若误在子目录安装，依赖会被放置到错误位置，导致主项目无法识别。
• 验证依赖实际安装：打开项目根目录的node_modules文件夹，确认存在formik子目录，且内部包含完整的包文件。若缺失，执行npm install --force或yarn install --force强制重新安装依赖。
• 清除打包缓存：若使用React Scripts或Webpack Dev Server，执行以下命令清除缓存后重启服务：

  # npm
  npm start -- --reset-cache
  # yarn
  yarn start --reset-cache
  

• 检查配置文件：
  • 查看tsconfig.json，确保moduleResolution设置为node：

    {
      "compilerOptions": {
        "moduleResolution": "node"
      }
    }
    

  • 若自定义Webpack配置，确认resolve.modules包含node_modules：

    module.exports = {
      resolve: {
        modules: ['node_modules']
      }
    };
    

Chokidar EBUSY 错误 #

• 释放文件占用：EBUSY错误通常是文件被其他进程锁定，关闭以下可能占用文件的程序后重试：
  • 杀毒软件（如Windows Defender实时扫描）
  • 打开项目文件的文件管理器窗口
  • IDE的实时预览、文件同步类插件
• 调整Chokidar轮询模式：在项目package.json的启动脚本中添加环境变量，强制Chokidar使用轮询模式：

  {
    "scripts": {
      "start": "CHOKIDAR_USEPOLLING=true react-scripts start"
    }
  }
  

  若为自定义Webpack配置，直接修改watchOptions：

  module.exports = {
    watchOptions: {
      poll: true
    }
  };
  

• 迁移项目路径：你的项目路径包含空格、括号等特殊字符（Live projects、New folder (2)），Windows下部分工具对这类路径兼容性较差。尝试将项目移动到无特殊字符的路径，如C:\LiveProjects\NewFolder\src\_metronic\...。
• 排除项目目录扫描：将项目根目录添加到Windows Defender的排除列表，避免实时扫描锁定node_modules内的文件。

内容的提问来源于stack exchange，提问作者chaitanya vardhan kopanati