<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script>
var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
CSS.supports('top: constant(a)'))
document.write(
'<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
</script>
<title></title>
<!--preload-links-->
<!--app-context-->
</head>
<body>
<div id="app">
<!--app-html-->
</div>
<script type="module" src="/main.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=39a67ddf92c9fbbb2a8431d0b6661ea6">
</script>
</body>
</html>
- 发布:2022-07-15 10:25
- 更新:2023-08-02 17:53
- 阅读:953
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.4.18
浏览器平台: Chrome
浏览器版本: 101.0.4951.54
项目创建方式: HBuilderX
示例代码:
操作步骤:
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都报错
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都报错
预期结果:
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都正常
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都正常
实际结果:
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都报错
HBuilderX新建项目,选择Vue2,在index.html文件中引入外部js,本地运行和打包都报错
bug描述:
Vue2版本,在index.html文件中使用script标签引入外部js,报错如下,相同的代码,选择Vue3不报错
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.
2 个回复
DCloud_UNI_WZF
vue2 可通过自定义模板的方式引入外部 js ,参考文档[https://uniapp.dcloud.io/collocation/manifest.html#h5-template]
j***@fondalighting.com
请问你这个问题是怎么解决的