Problems getting started

[Chris Brown]

Following the getting started tutorial here:
https://ej2.syncfusion.com/vue/documentation/getting-started/vue3-tutorial/

Results in error:

Uncaught TypeError: Object prototype may only be an Object or null: undefined

    at setPrototypeOf (<anonymous>)
    at extendStatics (component-base.js?57d6:9)
    at __extends (component-base.js?57d6:12)
    at eval (component-base.js?57d6:49)
    at eval (component-base.js?57d6:441)
    at Module../node_modules/@syncfusion/ej2-vue-grids/node_modules/@syncfusion/ej2-vue-base/src/component-base.js (chunk-vendors.js:5667)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at eval (index.js?fe4a:1)
    at Module../node_modules/@syncfusion/ej2-vue-grids/node_modules/@syncfusion/ej2-vue-base/src/index.js (chunk-vendors.js:5691)

My package.json dependencies:

"dependencies"
: {
"@syncfusion/ej2-vue-grids": "^19.3.48",
"core-js": "^3.6.5",
"vue": "^3.0.0",
"vue-class-component": "^8.0.0-0",
"vuex": "^4.0.0-0"
}

[Rajapandiyan Settu]

Hi Chris, 

Thanks for contacting Syncfusion support. 

We have validated the reported problem at our end. You can resolve this by using "vue-class-component" dependency with the version of "^8.0.0-rc.1" in your project. Because, it is one of the Prerequisites to render EJ2 Component in Vue3. It is explained in the below code documentation.  

Prerequisites of EJ2 with Vue 3: https://ej2.syncfusion.com/vue/documentation/grid/getting-started-vue/#prerequisites  

[package.json]  

  

  "dependencies": {  

    "@syncfusion/ej2-vue-grids": "*",  

    --- 

    "vue-class-component": "^8.0.0-rc.1"  

  },  

  

If you are using npm version higher than 7 means, use “npm install --legacy-peer-deps”. 

 

npm i    // use this if npm is less than 7 

npm i --legacy-peer-deps // use this if npm version is higher than 7 

 

 

https://github.blog/2021-02-02-npm-7-is-now-generally-available/#peer-dependencies 

Kindly follow the below steps to resolve this.  

1. Copy and paste this "vue-class-component": "^8.0.0-rc.1" in package.json under dependencies.
2. Delete the node_modules and package-lock.json files
3. Execute the npm install or npm i --legacy-peer-deps command based on the npm version.

Please get back to us if you need further assistance with this.  

Regards,  

Rajapandiyan S