3***@qq.com
3***@qq.com
  • 发布:2025-06-04 14:28
  • 更新:2025-06-05 15:55
  • 阅读:72

vite+vue3的项目用HbuilderX打包报错,页面出不来

分类:HBuilderX

总是报如下错误,但我vite.config.js中base改为了'./',并且路由也改为了createWebHashHistory,但在模拟器运行就报这个错误,页面出不来。
“Failed to load module script: The server responded with a non-JavaScript MIME type of "text/plain". Strict MIME type checking is enforced for module scripts per HTML spec. ”
“Uncaught SyntaxError: Unexpected token . at assets/index-legacy-aDW7qX6d.js:30”

2025-06-04 14:28 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com - 我想发财

把你的AMD导入方式,后面加上.js

  • 3***@qq.com (作者)

    我是用的es6写法,import request from '@/utils/request';这种写法,也要加上.js么

    2025-06-04 15:48

  • 2***@qq.com

    回复 3***@qq.com: 是的,你尝试一下

    2025-06-04 15:51

  • 3***@qq.com (作者)

    回复 2***@qq.com: 是模拟器的问题,我换了真机运行就可以了,感谢。我还想问下大佬,我的vue3项目里有用iframe加载了一个在public/static下的index.html,现在打包之后apk里访问这个index.html变成了file://访问导致访问不了,请问有什么办法吗

    2025-06-04 17:51

  • 2***@qq.com

    回复 3***@qq.com: 看一下你的目录结构

    2025-06-05 09:12

  • 3***@qq.com (作者)

    回复 2***@qq.com: 大佬,因为回复发不了图片,我在下面新开了一条评论描述,麻烦看一下

    2025-06-05 15:56

3***@qq.com

3***@qq.com (作者)

图一是我的vue3项目的目录结构,我在src下的vue页面里通过(<iframe :src="'/static/video/index.html?videoUrl=' + videoUrl")这种方式访问public/static/video文件夹下的index.html,在web端启动是能访问的。
图二是我把vue3项目run build之后打包生成的dist文件夹下的所有文件拷贝到HBuilderX的5+app项目下的目录结构,真机运行的时候iframe访问这块访问不到,说“位于file:////static/video/index.html?videoUrl=XXXX的网页无法加载,因为net::ERR_FILE_NOT_FOUND”,不知道为什么变成了file访问不是http访问了

  • 2***@qq.com

    加我qq 2074106942

    2025-06-05 16:14

  • 3***@qq.com (作者)

    回复 2***@qq.com: 好的好的

    2025-06-05 16:22

要回复问题请先登录注册