将Javascript插件导入Laravel以在Vue中使用

因此，我尝试使用Javascript插件中的功能构建一个Vue组件。我的应用程序是使用Laravel 5.6构建的。我首先使用NPM引入了Cropper JS：

npm install cropperjs

接下来，在我的resources/assets/js/app.js文件中，我添加了以下行：

import Cropper from 'cropperjs'
Vue.use(Cropper);

注意：在这种情况下，您可以假设Vue已经正确设置

当我运行“npm run watch”时，这可以很好地编译，但当我尝试访问我的web应用程序（此时仅显示Hello World）时，我在控制台中看到一个错误，其中指出：

Uncaught TypeError: Cannot call a class as a function

现在，在过去，我已经导入并使用了通过npm使用完全相同的命令拉入的库。但是，在这些情况下，文件夹结构有点不同，可能是针对Vue进行了优化

在我的node_modules/croperjs目录下，文件夹结构如下：

/dist
/src
/types
CHANGELOG.md
LICENSE
package.json
README.md

我希望这些信息足以排除错误

---

谢谢。

Cropperjs不是Vue的插件，您可以使用Vue cropper或其他图像裁剪器， 如果您想使用cropperjs，您可以

let image = document.querySelector('XX')
var cropper = new Cropper(image,{options})

---

我明白。那不是我的问题。您仍然可以在Vue中使用JS插件。我已经设法让它工作，唯一的事情是，我正在使用Cropper JS CDN链接在我的HTML页面中链接库，而不是通过Mix。这当然不是做这件事的理想方式，这正是我所寻求的。