为啥我在 ASP.Net 中的cropper.js 文件上收到 404 错误，尽管它们正是程序正在寻找它们的位置？
Posted
技术标签:
【中文标题】为啥我在 ASP.Net 中的cropper.js 文件上收到 404 错误，尽管它们正是程序正在寻找它们的位置？【英文标题】：Why am I getting a 404 error on cropper.js files in ASP.Net despite them being exactly where the program is looking for them?为什么我在 ASP.Net 中的cropper.js 文件上收到 404 错误，尽管它们正是程序正在寻找它们的位置？ 【发布时间】：2021-10-16 04:32:48 【问题描述】：当尝试将cropper.js 导入到我的 ASP.Net 项目中时，我复制并粘贴了为实现它而给出的示例代码。但是，每当加载页面时，我都会收到来自主cropper.js 文件的一系列 404 错误，表示未找到其他 javascript 文件。我确保它们位于 Scripts/cropperjs/src/js 中，这是 404 错误的来源。我需要做什么才能让这些文件被识别？
这是我在页面上的确切代码：
<script type="module">
import 'cropperjs/dist/cropper.css';
import Cropper from 'cropper.js';
const image = document.getElementById('cropperJS');
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>
【问题讨论】：
你能分享你的代码吗？您插入 JS 链接的部分。 @NicolaBiada 完成，对此感到抱歉。 【参考方案1】：您是否在<head> 部分中添加了以下行？
<link href="/path/to/cropper.css" rel="stylesheet">
<script src="/path/to/cropper.js"></script>
【讨论】：
我试过了，但后来出现以下错误：Uncaught SyntaxError: Cannot use import statement outside a module Upload:1 Uncaught TypeError: Failed to resolve module specifier "cropperjs/dist/cropper.css". Relative references must start with either "/", "./", or "../".
如果您在纯 asp.net 上，则不需要导入。看这个例子：github.com/fengyuanchen/cropperjs/blob/main/docs/examples/…你只需要在文件系统上添加对JS和CSS的引用。
我也试过了，但是我收到了错误Uncaught SyntaxError: Cannot use import statement outside a module，如果我将导入的脚本类型切换到模块，我又会收到所有 404 错误。
好吧，我必须创建一个新的存储库，因为保存整个项目的存储库有很多额外的东西，我只想简化它并保持一些信息的私密性。这只是看到我遇到的问题的最低限度。相关页面是 Upload.aspx，但我说默认页面会自动重定向到它，因此您只需加载解决方案并运行它。这是链接：link以上是关于为啥我在 ASP.Net 中的cropper.js 文件上收到 404 错误，尽管它们正是程序正在寻找它们的位置？的主要内容，如果未能解决你的问题，请参考以下文章
为啥我在 Asp.Net CORE 中使用 JWT 获得 401 未经授权？