将 Vuetify 包添加到使用 VueJS 框架制作的 Excel 插件

Question

我尝试使用 VueJS 添加 excel 加载项（侧加载）并使用 Yeoman office 包创建清单文件。我按照说明完成 this tutorial。一切正常，现在我想将 Vuetify 框架添加到我的加载项应用程序中。

在来自模板的 main.js 文件中，Vue 实例使用此代码启动

import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false

const Office = window.Office
Office.initialize = () => { 
  new Vue({
    el: '#app',
    components: {App},
    template: '<App/>'
  })
}

}

现在我正在尝试添加 Vuetify 并按照 their docs 通过将上面的代码修改为：

进行 npm 安装

  import Vue from 'vue'
  import App from './App'
  import Vuetify from 'vuetify'

    Vue.use(Vuetify)
    Vue.config.productionTip = false


    const Office = window.Office
    Office.initialize = () => { 
      new Vue({
        el: '#app',
        components: {App},
        template: '<App/>'
      })
    }

当我引入 Vuetify 库时，加载项无法正常工作。我不确定如何将 Vuetify 合并到我的 Office 加载项中。任何帮助将非常感激。谢谢

Answer 1

最近让 Vuetify 在 Windows 的 Excel 插件中工作。

你在 Windows 盒子上吗？
您能否浏览到您的应用程序，即 http://localhost:3000 成功？
您能否在 IE11 中浏览到您的应用程序，即 http://localhost:3000 成功？
您在浏览器开发工具控制台中看到任何错误吗？
"the add-in is not working" 是什么意思，关于问题的更多细节？

我遇到的问题与 Vuetify IE11 兼容性有关，特别是...

Vuetify utilizes features of ES2015/2017 that require the need to use polyfills for Internet Explorer 11

来源：https://vuetifyjs.com/en/getting-started/quick-start#ie11-safari-9-support

据我所知Excel 加载项需要 IE11，即 Office for Windows 在 2013 年和 2016 年都使用嵌入式 IE11 实例来托管加载项。

Internet Explorer 11 or later, which must be installed but doesn't have to be the default browser. To support Office Add-ins, the Office client that acts as host uses browser components that are part of Internet Explorer 11 or later.

来源：https://docs.microsoft.com/en-us/office/dev/add-ins/concepts/requirements-for-running-office-add-ins

来源：https://officespdev.uservoice.com/forums/224641-feature-requests-and-feedback/suggestions/31155925-office-add-ins-should-run-in-edge-not-ie11