Yarn build or yarn develop error every installed plugin on strapi

i don’t know what the problem is, but every time i install strapi plugin, then i run yarn build or yarn develop it will error like this

ModuleNotFoundError: Module not found: Error: Can't resolve 'invariant' in '/home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src'
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/Compilation.js:2022:28
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:817:13
    at eval (eval at create (/home/sisableng/Documents/Project/sisableng/backend/.yarn/cache/tapable-npm-2.2.1-8cf5ff3039-3b7a1b4d86.zip/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:275:22
    at eval (eval at create (/home/sisableng/Documents/Project/sisableng/backend/.yarn/cache/tapable-npm-2.2.1-8cf5ff3039-3b7a1b4d86.zip/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:448:22
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:118:11
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:689:25
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:893:8
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:1013:5
resolve 'invariant' in '/home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src'
  Parsed request is a module
  using description file: /home/sisableng/Documents/Project/sisableng/backend/.cache/package.json (relative path: ./admin/src)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      request is not managed by the pnpapi
        Your application tried to access invariant, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.
        Required package: invariant
        Required by: /home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src/
      looking for modules in /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules
        single file module
          using description file: /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/package.json (relative path: ./node_modules/invariant)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.jsx doesn't exist
            .react.js
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.react.js doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.tsx doesn't exist
        /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant doesn't exist
ModuleNotFoundError: Module not found: Error: Can't resolve 'invariant' in '/home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src'
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/Compilation.js:2022:28
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:817:13
    at eval (eval at create (/home/sisableng/Documents/Project/sisableng/backend/.yarn/cache/tapable-npm-2.2.1-8cf5ff3039-3b7a1b4d86.zip/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:10:1)
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:275:22
    at eval (eval at create (/home/sisableng/Documents/Project/sisableng/backend/.yarn/cache/tapable-npm-2.2.1-8cf5ff3039-3b7a1b4d86.zip/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:9:1)
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:448:22
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:118:11
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:689:25
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:893:8
    at /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/webpack-virtual-1e8d38e9e6/0/cache/webpack-npm-5.84.1-067c8dfc81-646b645df5.zip/node_modules/webpack/lib/NormalModuleFactory.js:1013:5
resolve 'invariant' in '/home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src'
  Parsed request is a module
  using description file: /home/sisableng/Documents/Project/sisableng/backend/.cache/package.json (relative path: ./admin/src)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      request is not managed by the pnpapi
        Your application tried to access invariant, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.
        Required package: invariant
        Required by: /home/sisableng/Documents/Project/sisableng/backend/.cache/admin/src/
      looking for modules in /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules
        single file module
          using description file: /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/package.json (relative path: ./node_modules/invariant)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.js doesn't exist
            .jsx
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.jsx doesn't exist
            .react.js
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.react.js doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.ts doesn't exist
            .tsx
              Field 'browser' doesn't contain a valid alias configuration
              /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant.tsx doesn't exist
        /home/sisableng/Documents/Project/sisableng/backend/.yarn/__virtual__/@strapi-admin-virtual-4fc729e87f/0/cache/@strapi-admin-npm-4.10.6-5354fde80c-a896a29c7f.zip/node_modules/@strapi/admin/node_modules/invariant doesn't exist
System Information
  • Strapi Version: 4.10.6
  • Operating System: Linux Ubuntu
  • Database: postgresql
  • Node Version: v16.20.0
  • NPM Version: 9.6.7
  • Yarn Version: 3.5.1

i had the same issue but this was happening on my docker install even causing the entire docker to crash. The way I got around this issue was restarting the strapi docker container also rebuild and started the instance and it work. This also installed the plugin, not the best solution but the only way I could get around the error.