Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
3.2k views
in Technique[技术] by (71.8m points)

vue-pdf插件import引入时报错

我在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'
          ] 

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

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}`);
});

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share

2.1m questions

2.1m answers

63 comments

56.5k users

...