HBuilderX导入uni-app项目运行到浏览器报错Failed to load module script

最新推荐文章于 2025-03-11 14:22:37 发布
最新推荐文章于 2025-03-11 14:22:37 发布
阅读量340 收藏
点赞数 3
文章标签： uni-app 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weilikk/article/details/145549244
版权

1、安装HBuilderX

我使用的是较为稳定的BuilderX 3.8.12

2、安装npm、nodejs

在HBuilderX界面点击“”运行“->”运行到浏览器"->“配置web服务器”

拉到底下的“node运行配置”

3、下载Uniapp项目的依赖插件

4、导入uni-app项目，点击“运行”->“运行到浏览器”->“chrome”

浏览器F12调试窗口报错：Failed to load module script: Expected a JavaScript module script but the server responded

同时点击“运行”->“运行到手机或模拟器”也没有菜单可选择。

解决：右键点击项目->"重新识别项目类型"

HBuilderX提示已识别为Uniapp则成功。再次执行第四步能看到弹出控制台显示正在编译的信息!

韦禾水
关注
uniapp - 报错 Failed to load module script: Expected a JavaScript module script but the serve with a M
高级前端工程师
05-07 5939
uni-app，报错，小程序，h5，网页网站，uniapp h5平台，H5端，浏览器报错，样式都乱了，图标大小不一致，样式乱套了，css样式不正常，页面乱了，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 scri
HbuilderX 无法运行项目到真机调试。
zhs_0123456789的博客
08-31 1395
Error: Missing binding /Users/zhs/WorkSpace/UniData/boyang_app/node_modules/node-sass/vendor/darwin-x64-72/binding.node
HBuilder创建uniapp,Vue3项目版本报错failed to load config from E:\Hbuilder\HBuilderX\plugins\uniapp-cli-vite\
m0_60474123的博客
04-13 971
HBuilder创建uniapp,Vue3项目版本报错报错信息：failed to load config from E:\Hbuilder\HBuilderX\plugins\uniapp-cli-vite\vite.config.js 16:30:52.972 error when starting dev server: 16:30:52.983 TypeError: uni is not a function
vite打包发布pc端报错
qq_41429765的博客
03-11 289
所以当在运行项目页面的情况下，执行了项目打包上传新的文件，这个时候上传的文件名称就会发生变化了；所以当前页面由于是打包之前就打开着的，所以当前文件使用的是之前的文件名称进行的加载，当按照旧文件名称加载新的文件名称的时候由于找不到旧文件的名称就会报错。当第一次加载文件报错后，再次按照原来的文件名称搜索加载的时候，由于是动态js文件名，是随时都会变化的，vite打包项目，由于是加载的动态js，
uniapp报错： Failed to load module script: Expected a JavaScript module script but the serve with a
m0_65392968的博客
10-21 9846
bug解决
前端项目部署，问题：Failed to load module script: Expected a JavaScript module script but the server responded
qq_71751610的博客
11-05 2491
下面是获取1文件的请求路径，看到3那里，这个/user是多余的，我都不知道为什么会多出这个路径，我找了好多个地方都没找到那里配了这个/user。然后2那个文件的请求路径也是多了个/user。vue3 、vite、js、nginx、阿里云服务器、
【问题解决】Failed to load module script: Expected a JavaScript module script but the server respond
热门推荐
qq_17335549的博客
11-19 3万+
xxx.86eb4fa7.js:1 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.
Failed to load module script: Expected a JavaScript module script but the server ···报错解决
a_靖的博客
09-12 1万+
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.报错解决
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi
qq_16390503的博客
07-29 3694
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi 说明你应该是在网上找的uniapp课程学习 翻了uni-ui官方发现这个： 在vue-cli项目中可以使用npm安装uni-ui库 ，或者直接在HBuilderX项目中使用npm。（不推荐后一种方式） 注意cli 项目默认是不编译node_modules下的组件的，导致条件...
uni-app Vue3 配置代理踩坑 解决配置代理无效的问题
qq_32453495的博客
05-20 3377
等等之类的,我踩过太多了坑了..后来我发现是@dcloudio/vite-plugin-uni版本问题,需要安装指定版本。之前在网上搜了很多配置,比如。然后总算解决了这个问题。
Failed to load module script: Expected a JavaScript module script but the server responded with ....
c327127960的博客
02-12 2723
解释一下这段代码，我在打包输出的过程中想看一下打包完的router-index.js文件，所以我对这个文件的命名进行了一个处理，如果是路由文件，则文件名就直接使用 router-index.js，并没有使用哈希值命名，所以在每次打包完之后，浏览器加载路由文件时，会发现文件名称没有变化而沿用缓存中的路由文件，所有会出现，更新的内容没有覆盖上去，并且会出现如上的报错，但是当你清空浏览器缓存，会发现又可以了。这可能是多方面的原因导致的，比如vite.config.ts中的配置原因。
Failed to load module script: Expected a JavaScript module script but the server responded with a MI
weixin_46603570的博客
02-22 2267
使用网上其他方法，都没有解决。找到解决方法以后，再更新文章。如果还是的话，就先删除依赖重新下载。清除浏览器的数据，就可以了。
前端发布部署报错“Failed to load module script: Expected a JavaScript module script but the server responded”
郭蕾蕾 努力的包子
08-15 2万+
Failed to load module script: Expected a JavaScript module script but the server responded
【Bug收集箱 · 前端】Vite报错：Failed to load module script: Expected a JavaScript module script but the...
不定时分享与嵌入式有关的知识
05-27 2万+
Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec.
uni-app系列（六）：HBuilderx运行uniapp项目到页面并查看预览
Mr_chen的博客
09-05 1万+
????摘要 今天分享下 —— HBuilderx 运行 uniapp 项目到页面并查看预览 的一些基本知识，欢迎关注！ 欢迎阅读，总结系列：野蛮生长的 uni-app 学习之路 ????HBuilderx 运行 uni-app 项目 运行前提要有 scss 编译解析插件哦！ 查看是否安装 sccs 插件：工具 --> 插件安装 如果没有可以看我之前的文章去插件市场搜索 scss 并安装到 hbx 打开一个项目页面，点击如图所示的：运行 --> 选择要运行到的浏览器，
vue在IIS部署报错：Failed to load module script: Expected a JavaScript module script but the server
橙-极纪元-JJYCheng
08-28 1004
vue在IIS部署报错：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. 报错文件：index-CbvL4I9j.js:
使用pdfjs报错：Failed to load module script: Expected a JavaScript module script but the server responded
啃编程
03-16 7011
MIME 类型设置不正确： 服务器返回的文件 MIME 类型不正确。浏览器期望模块脚本的 MIME 类型为 application/javascript。如果服务器返回的 MIME 类型不是这个，浏览器会拒绝加载它，并显示这个错误。
hb导入uni-ui
最新发布
03-12
### 在鸿蒙 (HarmonyOHs) 项目中正确导入和使用 uni-ui 组件库 为了在鸿蒙项目中成功集成并使用 `uni-ui` 组件库，需遵循特定的步骤来确保兼容性和功能性。 #### 修改 manifest.json 文件 对于配置鸿蒙离线 SDK 的路径而言，这是确保项目能顺利编译至鸿蒙系统的重要环节。应打开项目的 `manifest.json` 文件，在其中定位到 `"app-harmony"` 部分，并按照需求添加必要的配置项[^1]： ```json { "app-harmony": { // 添加所需配置... } } ``` #### 安装 uni-app 和 uni-ui 插件 考虑到 uni-ui 是基于 uni-app 开发的一套 UI 库，因此首先需要确认已安装最新版本的 HBuilderX IDE 并创建了一个支持 HarmonyOS 的 uni-app 项目。接着通过 npm 或者直接下载的方式获取最新的 `uni-ui` 版本。 如果采用命令行工具，则可以执行如下指令完成依赖包的安装: ```bash npm install @dcloudio/uni-ui --save ``` #### 更新 pages.json 进行全局注册组件 为了让整个应用都能访问这些组件而无需逐页引入，可以在 `pages.json` 中定义全局样式表以及公共资源引用。具体操作是在此文件内的 `globalStyle` 字段下加入相应设置以便自动加载所需的 CSS 及 JS 文件。 ```json { "globalStyle": { "usingComponents": { "uni-button": "@dcloudio/uni-ui/lib/uni-button/uni-button", ... } } } ``` #### 关于 HarmonyOS Next 兼容性注意事项 当涉及到 HarmonyOS Next 的特性时，需要注意某些功能可能仅限于特定版本以上的开发环境才能正常使用。例如 selectable, space, decode 属性的支持情况取决于所使用的 HBuilderX 版本号是否达到或超过 4.23 [^2]。 #### 使用示例代码片段展示如何调用一个简单的按钮组件 下面给出了一段 HTML 结构用于演示怎样在一个页面里实例化来自 `uni-ui` 的 `<uni-button>` 控件： ```html <template> <view class="content"> <!-- 调用 UniUI 提供的标准按钮 --> <uni-button type="primary">点击这里</uni-button> </view> </template> <script setup lang="ts"></script> <style scoped></style> ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值