Добавление пакета Vuetify к надстройке Excel, выполненной с использованием инфраструктуры VueJS - PullRequest
0 голосов
/ 22 декабря 2018

Я попытался добавить надстройку Excel (боковая загрузка) с помощью VueJS и создал файлы манифеста с помощью офисного пакета Yeoman.Я следовал инструкциям, пройдя этот урок .Все работало нормально, теперь я хотел добавить каркас 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 и выполняю установку 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.Любая помощь приветствуется.Спасибо

Ответы [ 2 ]

0 голосов
/ 20 февраля 2019

Я загрузил пример репозитория с надстройкой Vue Excel, используя Vuetify:

https://github.com/beauholland/Vue-Excel-Addin

  • Установка NPM
  • Запуск NPM
  • Перейдите на http://localhost:3000 и подтвердите, что веб-приложение работает в IE11

Если у вас достаточно времени, чтобы загрузить приложение в Excel.

ПРИМЕЧАНИЕ. Пример приложения в моем репозитории называется «Graph API»

0 голосов
/ 12 февраля 2019

Недавно получил Vuetify, работающий с надстройкой Excel в Windows.

  • Вы на Windows box?
  • Можете ли вы перейти к своему приложению, то есть http://localhost:3000 успешно?
  • Можете ли вы перейти к своему приложению, например, http://localhost:3000 успешно в IE11?
  • Вы видите какие-либо ошибки в консоли инструментов вашего браузера?
  • Что делает«Надстройка не работает» означает, есть ли какие-либо дополнительные сведения о проблеме?

Проблема, с которой я столкнулся, была связана с совместимостью Vuetify IE11, в частности ...

Vuetify использует функции ES2015 / 2017, которые требуют использования полизаполнений для Internet Explorer 11

Источник: https://vuetifyjs.com/en/getting-started/quick-start#ie11-safari-9-support

Насколько мне известно, надстройки Excel требуют IE11, т.е. Officeдля Windows по состоянию на 2013 и 2016 годы используйте встроенный экземпляр IE11 для размещения надстроек.

Internet Explorer 11 или более поздней версии, который должен быть установлен, но не должен быть браузером по умолчанию.Для поддержки надстроек Office клиент Office, который действует как узел, использует компоненты браузера, которые являются частью Internet Explorer 11 или более поздней версии.

Источник: 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

...