uniapp expected a javascript module script but the server responded with a mime type error如何解决

在uniapp项目中运行时报错：“expected a javascript module script but the server responded with a mime type”。这个错误通常出现在引入模块时服务器返回的MIME类型不正确。请问如何解决这个问题？我已经检查了文件路径和引入方式都是正确的，但不知道该如何配置服务器返回正确的MIME类型。有遇到类似问题的朋友吗？求解决方案！

2 回复

检查服务器配置，确保.js文件的MIME类型为application/javascript。如果是本地开发，可尝试清除缓存或使用其他浏览器。


这个问题通常是由于服务器返回的 JavaScript 文件 MIME 类型不正确导致的。以下是几种解决方案：

1. 配置服务器 MIME 类型

Apache 服务器：在 .htaccess 文件中添加：

<IfModule mod_mime.c>
    AddType application/javascript .js
    AddType application/javascript .mjs
</IfModule>

Nginx 服务器：在配置文件中添加：

location ~* \.js$ {
    add_header Content-Type application/javascript;
}

2. UniApp 本地开发解决方案

  • 检查 manifest.json 中的基础配置路径是否正确
  • 清除浏览器缓存和 HBuilderX 缓存
  • 重新运行项目：npm run dev 或 HBuilderX 中重启服务

3. 部署时的注意事项

  • 确保服务器正确配置了 JS 文件的 MIME 类型
  • 检查文件路径是否正确，避免 404 错误
  • 验证 CDN 或代理服务器配置

4. 其他排查步骤

  • 检查控制台错误信息确认具体是哪个文件报错
  • 验证文件是否完整上传到服务器
  • 检查是否有防火墙或安全软件拦截

优先尝试配置服务器 MIME 类型，这通常能解决大部分问题。

回到顶部