Uncaught TypeError: Object(...) is not a function

[Toto Sugito]

Hi,

I have created a simple code using vue and syncfusion. I have successed create a simple demo using

SpreadsheetPlugin.

But, I have fail when create a simple demo code using button.

My steps is :

1. npm install @syncfusion/ej2-vue-buttons --save
2. Open main.js file. copy two lines from the documentation.

import { ButtonPlugin } from '@syncfusion/ej2-vue-buttons';
Vue.use(ButtonPlugin);

But, when I saved this code, the browser console show error message.

button.component.js?9a0f:102 Uncaught TypeError: Object(...) is not a function
at eval (webpack-internal:///./node_modules/@syncfusion/ej2-vue-buttons/src/button/button.component.js:117)
at eval (webpack-internal:///./node_modules/@syncfusion/ej2-vue-buttons/src/button/button.component.js:124)
at Module../node_modules/@syncfusion/ej2-vue-buttons/src/button/button.component.js (chunk-vendors.js:8975)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (webpack-internal:///./node_modules/@syncfusion/ej2-vue-buttons/src/index.js:33)
at Module../node_modules/@syncfusion/ej2-vue-buttons/src/index.js (chunk-vendors.js:9023)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (webpack-internal:///./node_modules/@syncfusion/ej2-vue-buttons/index.js:2)

Can you let me know, why the error showed?

I am still not code anything. Only import the code from tutorial and error showed.

This is my vue version :

C:\Users\toto>vue --version

@vue/cli 4.5.13

Thank you.

Best regards,

Toto

[Gayathri KarunaiAnandam]

Hi Toto, 

  

We have checked your reported query. We are unable to replicate the reported issue. We have prepared a Button sample in Vue. Please check the below package file. 

 

Package.json 

  

  "dependencies": { 

    "@syncfusion/ej2-vue-buttons": "^19.2.44", 

    "@syncfusion/ej2-vue-dropdowns": "^19.2.44", 

    "@syncfusion/ej2-vue-navigations": "^19.2.44", 

    "@syncfusion/ej2-vue-querybuilder": "^19.2.44", 

    "vue": "^2.5.11", 

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

  }, 

  "browserslist": [ 

    "> 1%", 

    "last 2 versions", 

    "not ie <= 8" 

  ], 

  "devDependencies": { 

    "babel-core": "^6.26.0", 

    "babel-loader": "^7.1.2", 

    "babel-preset-env": "^1.6.0", 

    "babel-preset-stage-3": "^6.24.1", 

    "cross-env": "^5.0.5", 

    "css-loader": "^0.28.7", 

    "file-loader": "^1.1.4", 

    "vue-loader": "^13.0.5", 

    "vue-template-compiler": "^2.4.4", 

    "webpack": "^3.6.0", 

    "webpack-dev-server": "^2.9.1" 

  } 

  

For your convenience, we have prepared a sample based on this. Please check the below sample. 

  

Sample: https://www.syncfusion.com/downloads/support/forum/167452/ze/quickstart-Button-1623489055 

 

  

Please check the above link and If you are still facing the issue, kindly share the below details. 

·        If possible, try to reproduce the reported issue in provided sample or share the issue reproducible sample.  

·        If possible, please share the video of the issue. 

·        Please share the Syncfusion version you are using. 

Please provide the above requested information, based on that we will check and provide you a better solution quickly. 

Regards, 

Gayathri K