greenpdx / opencv-vue

Test loading opencv and haarcascadeclassifier data file

OpenCV-Vue

This project is to test OpenCV and do a simple face detection using haarcascade_frontalface classifier.

Install

git clone https://github.com/greenpdx/opencv-vue.git
cd opencv-vue
npm install
npm run serve

• Tested with opencv.js version 4.0.0

opencv-vue's Issues

OpenCV loading error

OpenCV uses wasm as it library. The wasm needs time to setup and Vue only looks at the JS being loaded. When I try to use opencv during created() I get this error.

I have opened a "get help" on the Vue forum.
https://forum.vuejs.org/t/import-huge-wasm-file-opencv-js-getbuildinformation-is-not-a-function-but-later-it-works/58323

info TypeError: opencv_js__WEBPACK_IMPORTED_MODULE_5__.getBuildInformation is not a function
at VueComponent.created (Main.vue?2a52:27)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at callHook (vue.runtime.esm.js?2b0e:4194)
at VueComponent.Vue._init (vue.runtime.esm.js?2b0e:4973)
at new VueComponent (vue.runtime.esm.js?2b0e:5119)
at createComponentInstanceForVnode (vue.runtime.esm.js?2b0e:3276)
at init (vue.runtime.esm.js?2b0e:3107)
at createComponent (vue.runtime.esm.js?2b0e:5943)
at createElm (vue.runtime.esm.js?2b0e:5890)
at createChildren (vue.runtime.esm.js?2b0e:6018)