将 Syncfusion FileManager 与 NuxtJS 结合使用

Question

我正在尝试将 Syncfusion Vue FileManager 与 NuxtJS 一起使用。

<template>
  <div>
    <h1>Test Page</h1>
    <ejs-filemanager></ejs-filemanager>
  </div>
</template>

<script>
import Vue from 'vue';
import { FileManagerPlugin } from '@syncfusion/ej2-vue-filemanager';

Vue.use(FileManagerPlugin);
export default {
  auth: false,
};
</script>

<style scoped>
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
@import '../node_modules/@syncfusion/ej2-icons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
@import '../node_modules/@syncfusion/ej2-layouts/styles/material.css';
@import '../node_modules/@syncfusion/ej2-grids/styles/material.css';
@import '../node_modules/@syncfusion/ej2-vue-filemanager/styles/material.css';
</style>

这是我的示例页面，我想在其中摆弄 FileManager。不幸的是，在启动服务器时，导入 FileManagerPlugin 会导致图片中出现错误。

我已将以下依赖项添加到我的 package.json:

"@syncfusion/ej2-vue-filemanager": "^19.2.48",
"vue-class-component": "^7.2.6",

我也收到错误消息：

in ./node_modules/@syncfusion/ej2-vue-filemanager/src/file-manager/filemanager.component.js                                           friendly-errors 11:49:40  

"export 'Options' was not found in 'vue-class-component'

但是如果不安装 vue-class-component 它根本不会启动。

Answer 1

看这个Github issue，看来你需要安装（至少）
vue-class-component : 8.0.0-rc.1

Answer 2

以上报告的问题已在我们最新的 NuGet 19.2.55 中得到解决。请更新软件包以解决问题。

将 Syncfusion FileManager 与 NuxtJS 结合使用

Using Syncfusion FileManager with NuxtJS

syncfusion

nuxt.js

ej2-syncfusion