[Vue warn]: Error in mounted hoo

2020-05-28  本文已影响0人  愤怒的阿昆达

1.问题:

现有一个vue项目,在中使用了axios.get获取本地json文件:

this.$axios.get(
              global_.host+'/'+global_.applicationContext+'/static/data/'+this.mineId+'_'+this.areaId+'_123456.json'
            ).then((res) => {
});

在java项目中使用phantomjs调用vue静态页面:

public static void main(String[] args) throws IOException {
        String url = "http://localhost:8082/CoalReportWeb/#/weizhen";
        PhantomTools.printUrlScreen2jpg(url);
    }

报错:

[Vue warn]: Error in mounted hook: "ReferenceError: Can't find variable: Promise"

2.原因:

无头浏览器PhantomJS,并不支持Promise函数

3.解决:

首先,vue项目安装es6-promise:

npm install es6-promise --save

然后,在js文件中引入 es6-promise,并执行 polyfill 方法

import Promise from 'es6-promise'
Promise.polyfill()
image.png

ok,完美。
参考:https://www.npmjs.com/package/es6-promise

上一篇下一篇

猜你喜欢

热点阅读