Uncaught TypeError: isObject is not a function

[essaberYahya]

i am working on a project using Laravel / vuejs vite and i have a problem in IconBase.js in ant-design-vue package and exactly on :

var twoToneColorPalette = reactive({ primaryColor: '#333', secondaryColor: '#E6E6E6', calculated: false });

when this code call reactive function "Default vuejs function" , it's return this exception:

reactivity.esm-bundler.js:927 Uncaught TypeError: isObject is not a function
at createReactiveObject (reactivity.esm-bundler.js:927:8)
at reactive (reactivity.esm-bundler.js:891:10)
at IconBase.js:13:27
Keep in mind that when i run npm run build the app working fine but when i run npm run dev it's generate this error . Any help please !!

Evreything without result

[ghost]

same issue

[lzy549436494]

Hello, has the problem been solved? I also encountered the same problem.

[mirjalolinomjonov]

We are together in spirit ;)

[mirjalolinomjonov]

This is the exact SOLUTION for the error. ‼️

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
    plugins: [ vue() ],
    resolve: {
        alias: {
          // this will redirect your import { reactive } from 'vue' request to the correct package
          vue: 'vue/dist/vue.esm-bundler.js'
        }
    }
})
```

After this change:

`pnpm vite --force`

Clear the cache with the – flag and restart.

[Sherzod185]

It worked for me, thanks bro ✅✅✅