外部引入css样式路径怎么写_uniapp项目如何引入外部js

我正在参加“挖金扬帆计划”

前言

最近在做一个项目，为了实现h5页面的一个功能，需要用到一些外部的js资源，因此不得不在项目中引入外部js资源，期间遇到了不少坑，今天就把具体的实现和一些问题总结记录一下。

执行

导入到index.html文件中

按照网上找到的一些方法，我在项目的index.html文件中直接用标签来引入我想要使用的资源，但是打开页面却发现这些资源并没有加载出来，于是就排除了这个方法。

动态创建标签

因为只需要在特定的页面上加载这些js资源，所以定义一个方法在页面的事件中动态创建标签并添加到页面中，然后用这个方法写入js文件的URL链接或者文件路径。

addScript(url) {
    let head = document.getElementsByTagName('head')[0];
    let script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    head.appendChild(script);
},
onloadJs() {
    this.addScript("/static/js/crypto-js.min.js")
    return Promise.resolve()
},

调用页面上的()函数加载js方法

onLoad() {
    Promise.resolve()
        .then(() => this.onloadVoice())
        .then(() => this.onloadJs())
        .then(() => {
                setTimeout(() => {
                        this.initRecord()
                }, 1000)
        })
},

注意：本项目使用了引入的js文件中的函数API，必须等到这些js资源加载完成后才能使用，否则会报错（某些方法未定义等），并且加载js的方法都是同步操作，所以使用了 .()（回调函数）方法来实现先执行完其他方法再执行另一个方法。

遇到的问题

错误：：标记'