vue-pdf插件import引入时报错

Question

我在npm下载vue-pdf插件后,import引入vue-pdf时报错:
hash.update(${this.outputOptions.publicPath});

                                        ^

TypeError: Cannot read property 'outputOptions' of undefined

我需要pdf在线预览功能,然后安装插件使用时遇到问题

import { pdf } from 'vue-pdf';

//报错位置:
mainTemplate.plugin("hash", function(hash) {
            hash.update("webworker");
            hash.update("3");
            hash.update(`${this.outputOptions.publicPath}`);
            hash.update(`${this.outputOptions.filename}`);
            hash.update(`${this.outputOptions.chunkFilename}`);
            hash.update(`${this.outputOptions.chunkCallbackName}`);
            hash.update(`${this.outputOptions.library}`);
        });

挺着急的,看国外网站说是webpack的问题,解决方案是加入:

loader: [MiniCssExtractPlugin.loader,
            'happypack/loader?id=style'
          ] 

但是并不太懂,也不知道怎么修改

Answer 1

this?

mainTemplate.plugin("hash", (hash)=> {
    hash.update("webworker");
    hash.update("3");
    hash.update(`${this.outputOptions.publicPath}`);
    hash.update(`${this.outputOptions.filename}`);
    hash.update(`${this.outputOptions.chunkFilename}`);
    hash.update(`${this.outputOptions.chunkCallbackName}`);
    hash.update(`${this.outputOptions.library}`);
});