Trying to import Cropperjs gives: TypeError: Error resolving module specifier: cropperjs

Question

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

我正在使用官方 github 页面 https://github.com/fengyuanchen/cropperjs

上提供的 js 和 css 的 CDN 链接

我尝试在 github 页面上关注 "Getting started"。我添加了 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/dist/cropper.esm.js'; 替换 import Cropper from 'cropperjs'; 或创建一个 var 并像这样要求它。也有人建议我应该使用 "./cropperjs" 或 "../cropperjs"。但是 none 以上变体有效。

我做错了什么？

Answer 1

所以我设法通过下载 cropper.js 而不是使用 CDN link 并通过复制粘贴可以在官方 github 页面 (https://github.com/fengyuanchen/cropperjs/tree/master/examples) 并从那里修改代码。

Answer 2

我有同样的问题 我这样做了：

git clone https://github.com/fengyuanchen/cropperjs
cd cropperjs/docs/js
cp cropper.js to my static files
cd ../css
cp cropper.css to my static files

突然间一切都像示例一样工作。

来自 CDN 的文件对我不起作用。