前端 - Failed to load module script 解决方案

news/2024/11/15 1:03:06/文章来源:https://www.cnblogs.com/helios-fz/p/18400104

Failed to load module script 解决方案

问题描述

打包好项目发布上传到 nginx 后,浏览器访问,出现一下报错信息:

Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/html". 
Strict MIME type checking is enforced for module scripts per HTML spec

这个错误提示的意思是:网页中使用了模块脚本(module script),但服务器返回的 MIME 类型是 “text/html”,而不是 JavaScript 类型。根据 HTML 规范,严格的 MIME 类型检查会对模块脚本进行强制执行。

原因

资源路径问题,请求的是 js 资源, 但是服务器找不到资源,默认返回 html 文件;但是服务器会对资源进行格式校验,然后报错。

解决

打开文件 vite.config.js

配置 base为 './ ’

重新打包部署即可

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/793052.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

有关API接口的介绍及简单的API接口代码示例

https://img2024.cnblogs.com/blog/3506472/202409/3506472-20240906135806395-1508567224.png在当今数字化时代,应用程序不再孤立存在。它们通过API(应用程序编程接口)相互连接,共享数据和功能。API是现代软件开发中不可或缺的一部分,它允许不同的软件系统相互通信,实现…

ext4.vhdx占用C盘过大

ext4.vhdx 是个虚拟磁盘,默认位置为 C:\Users{用户名}\AppData\Local\Docker\wsl\data\ext4.vhdx,会占用很大磁盘空间,可采用下列办法将其改到其它磁盘或分区,如D分区。 1、查看有哪些2、导出目标: wsl --export docker-desktop "D:\\docker-desktop.tar" wsl -…

CRM软件的演进:从传统到连接型CRM

1、CRM定义与分类 1.1CRM的定义 CRM,英文Customer Relationship Management的缩写,中文全称为客户关系管理。通常情况下,人们通常用CRM直接表达客户关系管理软件系统——一个以客户为中心的专门用于管理与客户关系的软件工具,以确保与客户在营销、销售、服务的每一环节上都能…

项目依赖和配置

mysql1、添加相关依赖 <!-- 增加相关依赖包 --><!-- Postgresql驱动包 --><!-- <dependency><groupId>org.postgresql</groupId><artifactId>postgresql</artifactId><scope>runtime</scope></dependency> --&…

测试基础、单元测试自动化

基本概念 自动化测试,也叫软件测试自动化。要学习软件测试自动化,首先就需要清楚什么是软件测试。 软件测试 因为当局者迷,旁观者清的道理,软件开发是个复杂而周期性的过程,期间很容易产生或遗留下错误,而对于开发人员自己所编写与开发的应用程序(软件),往往有很多问题…

【爬坑】.Net编译环境导致的问题

1. 背景:项目中遇到一个串口设备,通过调用它自带的.dll动态链接库通信,最开始在.net framework4.7.2的框架下设备能返回数据(正常通信)。但是换到.net 6.0的框架后,可以运行(没有报错),但是不能得到设备返回的数据了。2. 错误的解决思路:当时觉得是框架的问题,反编译…

解决前后端跨域问题

1.代码from django.utils.deprecation import MiddlewareMixinclass CoresMiddleware(MiddlewareMixin):def process_response(self, request, response):response[Access-Control-Allow-Origin] = "*"response[Access-Control-Allow-Headers] = "*"respon…

信奥赛C++老师解一本通题: 1180:分数线划定

​【题目描述】世博会志愿者的选拔工作正在 A 市如火如荼的进行。为了选拔最合适的人才,A市对所有报名的选手进行了笔试,笔试分数达到面试分数线的选手方可进入面试。面试分数线根据计划录取人数的150%划定,即如果计划录取m名志愿者,则面试分数线为排名第m150%(向下取整)…

IntelliJ IDEA 2024.1.6 (Ultimate Edition)中配置Java Web应用程序

1. 前期准备工作已经下载安装了JDK(https://www.oracle.com/cn/java/technologies/javase/javase8u211-later-archive-downloads.html)和Tomcat(https://tomcat.apache.org/),并配置了环境变量(安装版的JDK和Tomcat不需要配置环境变量),注意JDK和Tomcat的版本号要相互适…

ToDesk手机远控反诈提醒!筑牢信息防火墙

数字化正在日益深入我们的生活,手机成为我们与外界沟通的重要桥梁,承载着丰富的个人信息与交易数据。 但随之而来的,是层出不穷的典型诈骗案件,手段多变,骗局逼真,而手机远控软件作为现代生活的一种便捷工具,也不幸成为了一些不法分子实施诈骗的工具。给大家看个近期的诈…

学生党懒人必备软件:国产远程协作ToDesk

不知道大家有没有以下同感:出门在外,发现作业或资料需要临时用到,不知道该怎么办?上课需要用到笔记本,但宿舍买的台式机或者笔记本太重,带出去是个问题?小组合作写作业,但地点很难凑到一块,只能在线上协作,怎样才能高效同步完成? 其实这些问题都可以用ToDesk来…

【日记】往哈尔滨西天取经、弱电工程师与软考证书(2113 字)

正文我感觉去往珍在的哈尔滨,就是我的西天取经之路。这也太多灾多难了一些……临时通知参加信贷考试,第一难;申请缺考不成,第二难;机票无法改签只能退票,第三难;公休尾期撞上省分行培训,第四难;需要自带电脑增加行李,第五难;疑似感冒,第六难;今晚铁路临时通知火车…