在vitejs中构建和使用基本属性时出现“无法加载模块脚本”错误

问题描述

我在提供 vite 应用程序时遇到问题。我正在使用以下命令构建应用程序：

    vite build --base=/registration-form/

并使用

为应用提供服务

    serve -s dist

但是我在浏览器控制台中收到以下错误，并且所有 .js 文件都是 HTML 文件。

加载模块脚本失败：需要 JavaScript 模块脚本，但服务器响应 MIME 类型为“text/html”。 根据 HTML 规范对模块脚本执行严格的 MIME 类型检查。

更多背景：

我在生产中使用 pm2、serve 和 Nginx 服务。这是我的启动脚本：

    pm2 start "serve -s -p [PORT] dist" --name registration-form

这是我的 Nginx.conf 中处理这条路线的部分：

    location /ideathon-registration/ {
        http://[HOST]:[PORT];
    }

我该如何解决这个问题？

Vite 版本：^2.3.8
节点版本：14.17.1
本地操作系统：Linux Mint 20.04
服务器操作系统：Ubuntu 18.04

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）