2

我想将 fengyuanchen/cropperjs 添加到图像元素，但是当页面加载时，我在控制台中收到此错误TypeError: Error resolving module specifier: cropperjs。

我正在使用官方 github 页面https://github.com/fengyuanchen/cropperjs上提供的 js 和 css 的 CDN 链接

我尝试按照 github 页面上的“入门”进行操作。我添加了 CDN 链接，创建了一个带有 id 图像的 div uploaded-img，然后在页面底部添加了一个带有页面提供的代码的脚本标签

<script>
    import Cropper from 'cropperjs';

    const image = document.getElementById('uploaded-img');
    const cropper = new Cropper(image, {
          aspectRatio: 16 / 9,
          crop(event) {
            console.log(event.detail.x);
            console.log(event.detail.y);
            console.log(event.detail.width);
            console.log(event.detail.height);
            console.log(event.detail.rotate);
            console.log(event.detail.scaleX);
            console.log(event.detail.scaleY);
          },
    });
</script>

我用谷歌搜索了这个，发现其他人在导入时遇到了麻烦，推荐的解决方案是用其中一个替换import Cropper from 'cropperjs';或import Cropper from 'cropperjs/dist/cropper.esm.js';创建一个 var 并像这样要求它。也有人建议我应该使用"./cropperjs"or "../cropperjs"。但上述变化都没有奏效。

我究竟做错了什么？

4

1 回答 1

1

所以我设法通过下载cropper.js而不是使用CDN链接来完成这项工作，并且还通过复制粘贴可以在官方github页面上找到的示例模式（https://github.com/fengyuanchen/ cropperjs/tree/master/examples）并从那里修改代码。

于 2019-02-18T18:02:00.200 回答