uniapp引入第三方js并调用方法

第一步在根目录下新建一个index.html

<!DOCTYPE html>  
<html lang="zh-CN">  
    <head>  
        <meta charset="utf-8">  
        <meta http-equiv="X-UA-Compatible" content="IE=edge">  
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">  
        <title><%= htmlWebpackPlugin.options.title %></title>  
/*  
在static下新建一个index.css，把公共样式放到里边（我之前写在app.vue里了，我怕不行就复制一份到这个文件里了具体没测）  
*/  
        <link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />  
        <!-- 引入外部js -->  
        <script src="你要引入的外部js地址"></script>  
    </hea  
    <body>  
        <noscript>  
            <strong>Please enable JavaScript to continue.</strong>  
        </noscript>  
        <div id="app"></div>  
        <!-- built files will be auto injected -->  
    </body>  
</html>

这里index.html就完事了
第二步就是配置manifest.json文件
我是这么配置的，在源码视图里（仅供参考，我只是好使了，我记录一下有问题随时评论哈我随时改进）

 "h5" : {  
        "router" : {  
            "mode" : "history",  
            "base" : ""  
        },  
        "devServer" : {  
            "port" : 8000,  
            "disableHostCheck" : true,  
            "https" : false  
        },  
        // 这里引入html  
        "template" : "index.html",  
        "optimization" : {  
            "treeShaking" : {  
                "enable" : true  
            }  
        }  
    },

第三步调用
//这个是我的返回的点击事件

goBack() {  
       //调用的第三方js的方法（这里的pa是我jssdk里调用方法的）   
     pa.goback()  
    },

玩活，完事之后样式会变乱，我是关了hbuilder再重进然后就好了，再进hbuilder的时候特别慢页面不显示，我关了好几次又进的，不知道你们会不会遇到，小菜鸡一枚，欢迎大神指点

c***@163.com

为啥我这样引入之后，调用方法还是报not a function

2023-04-28 10:44

1***@qq.com

回复 1***@qq.com ：

老哥你之前问题解决了么

2023-03-16 10:35

index.html 里面引入的方法，全局是不能调用的么。也不能设置window对象吗

2023-03-16 10:16

有人窃斧者

这样引入cordova.js，早控制台查看引用的所有js文件，查看cordova.js，他的responsepreview会出现Please enable JavaScript to continue,知道是为什么吗

2022-02-24 16:05

然后在其他页面就可以调用这个引入的外部js文件里的方法了吗

2021-10-20 10:49

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

//index.html文件内容，（不知道为啥给我屏蔽了）
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title><%= htmlWebpackPlugin.options.title %></title>
//在static文件夹下新建一个index.css把公共样式复制进去
<link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />

<script src="外部js链接"></script>
</head>
<body>
<noscript>
<strong>Please enable JavaScript to continue.</strong>
</noscript>
<div id="app"></div>

</body>
</html>

2021-06-28 14:21

uniapp引入第三方js并调用方法

6 个评论

目录

公告

相关问题