0

我正在尝试将 PSPDFKit（独立）与 VueJS 项目集成，但遇到了一些意想不到的行为。

背景：我有一个包含import PSPDFKit from 'pspdfkit'声明的组件。当我运行 Vue 应用程序并导航到使用该组件的视图时，我得到一个Uncaught SyntaxError: Unexpected token '<'- 提示我遇到的是 HTML 而不是预期的库。

但是，在本地运行时，如果我注释掉导入行，等待PSPDFKit is not defined错误，然后取消注释导入行，查看器会按预期加载。

任何人都可以阐明这里发生的事情吗？我正在努力诊断问题并确保集成在首次加载时按预期工作。组件代码如下。

谢谢

<template>
    <div class="container"></div>
</template>

<script>
import PSPDFKit from 'pspdfkit'

export default {
    name: 'PSPDFKitWrapper',
    props: ["documentUrl", "licenseKey", "baseUrl"],
    _instance: null,

    mounted: function ()
    {
        this.load();
    },

    methods: {
        load()
        {
            PSPDFKit.load({
                document: this.documentUrl,
                container: ".container",
                licenseKey: this.licenseKey,
                baseUrl: this.baseUrl
            })
                .then(instance =>
                {
                    this._instance = instance;
                    this.$emit("update:error", "");
                })
                .catch(err =>
                {
                    PSPDFKit.unload(".container");
                    this.$emit("update:error", err.message);
                });
        },
        unload()
        {
            if (this._instance) {
                PSPDFKit.unload(this._instance);
                this._instance = null;
            } else {
                PSPDFKit.unload(".container");
            }
        }
    }

}
</script>

<style scoped>
.container {
    width: 100%;
    height: 90vh;
}
</style>
4

0 回答 0