Vue项目中使用opencv.js报错记录

网上关于vue中使用opencvjs的例子少之又少，无奈之下只能自己琢磨研究一下。开此贴来记录自己的探索过程，希望最后可以顺利完成课题。

一开始是尝试官网的方法，直接引入编译好的opencv.js文件，在index.html里面直接放置官网的例子，然后成功了，特别开心，以为自己已经攻克难关可以开始准备项目了，还跟导师汇报说技术难关已经解决了，然而在我happy了一天晚上回来准备给他应用到vue项目中发现这玩意怎么跟在html文件中不一样呢？？？因为是前端小白，所以我在网上找了很多方法，试了几个靠谱的，结果最后都会报错说cv未定义，再三思考，感觉是引入的时候出的差错，于是试着在命令行中直接用npm去下载官方的包

npm install opencv4js

安装好之后再包文件夹里看到了一个跟我之前手动复制到项目中的opencv.js一样的文件，根据官方（https://www.npmjs.com/package/opencv4js）给的方法对其进行引入

let cv = require('opencv4js');

之后还对cv进行了打印，不出意外的报错了，毕竟跟上面一串的import引入队形很不一致，诶？？那不然我试试import导入？？

于是