vue-jest | Jest Vue transformer | Frontend Framework library

in my nuxt app , after changing route using this.$router.push({ path: '/path' }) i got the nodeOps.tagName(...) is undefined in firefox , in chrome i get cannot get access to .toLowerCase() of undefined in the same line .

it happens in createPatchFunction of vue.runtime.esm.js versions: nuxt:^2.14.12, vue:^2.6.12

In my vue config I have the following:

Jest Configuration:

After updating my npm packages, some of the imports from the 'vue' module started showing errors:

TS2305: Module '"../../node_modules/vue/dist/vue"' has no exported member 'X'

where X is nextTick, onMounted, ref, watch etc. When serving the project, Vue says it's "failed to compile". WebStorm actually recognizes the exports, suggests them and shows types, but the error is shown regardless. Some exports like computed and defineComponent work just fine.

What I've tried:

• Rollback to the previously used Vue version "3.2.2" > "3.0.11". It makes the abovementioned type errors disappear, but the app stops working entirely, showing lots of TypeError: Object(...) is not a function errors in console and not rendering the app at all. In the terminal, some new warnings are introduced: "export 'X' (imported as '_X') was not found in 'vue' where X is createElementBlock, createElementVNode, normalizeClass and normalizeStyle.
• Rollback other dependencies. None of the ones that I tried helped fix the problem, unfortunately.
• Manually declare the entirety of 'vue' module. We can declare the 'vue' module exports in shims-vue.d.ts, and it actually makes the errors disappear, however, this seems like a terrible, time-consuming workaround, so I would opt out for a better solution if possible.

My full list of dependencies:

I'm using docker-compose with Nuxt front and Rails for the backend, and when I tried to use Jest for testing Nuxt, I found that I needed to switch versions. So I changed from node:14.4.0-alpine to node:14.15.5-alpine and tried to install Jest, but I got a nuxt-i18n' error when building node:14.15.5-alpine'. I removed 'nuxt-i18n' from the package.json file. The build of node:14.15.5-alpine was successful and the installation of Jest was completed, but the next time I used the docker-compose up command, I got an error. What should I do in this case?

I have some img tag which I fill it with dynamic address with require, it works as expected in the component but when I write a test for it throws this error

• dockerfile:

I am trying to intercept a POST request but I'm getting the following error:

enter image description here

This is my test file code:

enter image description here

I've found a similar question:

cy.intercept is not a function Cypress test

That question was solved by upgrading the cypress version above v5.3. But I already have cypress version 6.14.15. The error is seemingly only replicating on the .Then() part, which is weird because the cy.intercept function is called in the previous line of code and NOT in the .Then() part. where is the problem exactly?

EDIT: here is the package.json file

I try to use swiper as alternative to ion-slides because i can't use it for dynamic render.

I have installed swiper@7.0.1 in package.json correctly, but when import the packages according to the swiper docs in the Vue component (Home.vue), the CLI response the next error: