1

VUE 3 JS: Implementing the code for panZoom, I'm hitting the TypeError: Cannot read properties of undefined (reading 'on') . I got only solution https://github.com/thecodealer/vue-panzoom/issues/43 which is not applicable in my case.

Please let me know if I'm missing something.

Codesandbox : https://codesandbox.io/s/musing-cloud-rl9sd8?file=/src/components/HelloWorld.vue

My code as following steps:

npm:

npm install vue-panzoom --save

Main.js

import { createApp } from "vue";
import App from "./App.vue";
import panZoom from 'vue-panzoom'

const app = createApp(App);
app.use(panZoom);
app.mount("#app");

AppZoom.vue page

<panZoom selector=".zoomable">
       <div class="zoomable">
             <img src="../../../assets/images/abcdemo.jpg" /> 
       </div>
</panZoom>

When running the code the error as follows: enter image description here

The details on click of the error as follows:

enter image description here

Ramlal S
  • 1,573
  • 1
  • 14
  • 34

0 Answers0