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 :

[essaberYahya]

• [ ] I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.1

Environment

laravel vuejs vite

Reproduction link

Steps to reproduce

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

What is expected?

Expectation is to work without any problem in production and devlopement

What is actually happening?

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

[cc-hearts]

Could you share a reproducible example of the code?

[essaberYahya]

There's no reproducible example of the code? because when i run npm run dev by vite script and the app try to import the ant-design-vue and especially iconbase.js file, it's generate this error :

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

so basically it's during ant-design-vue importation .

[vivian520121]

Have you solved it? I also encountered the same problem

[essaberYahya]

Have you solved it? I also encountered the same problem

Unfortunately no, i am still trying .

[vivian520121]

I found the problem because I imported a plugin @kangc/v-md-editor, maybe it's because of plugin conflicts

[github-actions[bot]]

This issue is stale because it has been open 60 days with no activity. Remove stale label or comment or this will be closed in 7 days

[mengdongl]

I had the same problem，in my case, I changed ant-design-vue to import after vue import, and it worked. import { createApp } from 'vue'; import Antd from 'ant-design-vue';