Question

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

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

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

<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"或"../cropperjs"。但以上所有变体均无效。

我在做什么错？

Answer 1

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

尝试导入Cropperjs会给出：TypeError：解决模块说明符时出错：cropperjs

1 个答案: