ASP.NET Core MVC前端site.js中导入的JS文件无法加载

1. 核对导入路径与文件存在性 #

site.js位于wwwroot/js/目录，导入路径../lib/core/modules/...对应的物理路径是wwwroot/lib/core/modules/。先确认notification-module.js和ajax-loader.js这两个文件确实在这个目录下，注意文件名的大小写（本地Windows不区分，但部署到Linux环境会严格区分）。

2. 给导入文件添加.js后缀 #

ES模块导入时，浏览器要求必须指定文件后缀，你当前的导入语句缺少.js，修改site.js代码如下：

import NotificationCore from "../lib/core/modules/notification-module.js";
import AjaxLoader from "../lib/core/modules/ajax-loader.js";

new NotificationCore()
new AjaxLoader()

3. 配置静态文件的MIME类型 #

ASP.NET Core默认的MIME配置可能导致ES模块文件返回错误的Content-Type，浏览器会拒绝加载。在Program.cs里补充MIME类型配置：

var provider = new FileExtensionContentTypeProvider();
// 确保.js文件返回正确的MIME类型
provider.Mappings[".js"] = "application/javascript";

app.UseStaticFiles(new StaticFileOptions
{
    ContentTypeProvider = provider
});

4. 检查静态文件访问权限 #

确认wwwroot/lib/core/modules/目录及其中的文件没有被权限限制，运行ASP.NET Core的进程用户（Kestrel进程或IIS应用池用户）需要有该目录的读取权限。

5. 强制清除浏览器缓存 #

浏览器缓存可能导致旧资源干扰，按Ctrl+Shift+R强制刷新页面，或者打开开发者工具的Network面板，勾选「Disable cache」后重新加载页面。

内容的提问来源于stack exchange，提问作者Whanna now