木叶96
木叶96
  • 发布:2022-07-15 10:25
  • 更新:2023-08-02 17:53
  • 阅读:953

【报Bug】h5使用script标签引入外部js,vue2打包后运行报错

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win10

HBuilderX类型: 正式

HBuilderX版本号: 3.4.18

浏览器平台: Chrome

浏览器版本: 101.0.4951.54

项目创建方式: HBuilderX

示例代码:
<!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>

操作步骤:

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.
2022-07-15 10:25 负责人:无 分享
已邀请:
DCloud_UNI_WZF

DCloud_UNI_WZF

vue2 可通过自定义模板的方式引入外部 js ,参考文档[https://uniapp.dcloud.io/collocation/manifest.html#h5-template]

j***@fondalighting.com

j***@fondalighting.com

请问你这个问题是怎么解决的

要回复问题请先登录注册