SpreadJS не работает в угловом приложении на основе Webpack

Question

Я пытаюсь добавить библиотеку spreadjs в свое приложение Angular 5. Я следую инструкциям, приведенным в этой ссылке. https://www.grapecity.com/en/blogs/spread-sheets-and-angular Но есть одно различие между учебником и моим приложением. Мое приложение использует веб-пакет.

Когда я пытаюсь запустить приложение, я получаю следующую ошибку

Uncaught ReferenceError: GC не определен в Object. (gc.spread.sheets.angular.11.0.4.js:106) в webpack_require (начальная загрузка 05add16ed08b4def07f8:657) в fn (начальная загрузка 05add16ed08b4def07f8:85) в объекте. (app.module.browser.ts:21) в webpack_require (начальная загрузка 05add16ed08b4def07f8:657) в fn (начальная загрузка 05add16ed08b4def07f8:85) в объекте. (index.js:4) в webpack_require (начальная загрузка 05add16ed08b4def07f8:657) в fn (начальная загрузка 05add16ed08b4def07f8:85) в Object.options.path (html5-entity.js:190) (анонимно) @ gc.spread.sheets.angular.11.0.4.js. JS: 4 webpack_require @ бутстраповские 05add16ed08b4def07f8: 657 п @ самозагрузками 05add16ed08b4def07f8: 85 options.path @ html5-entities.js: 190 webpack_require @ бутстраповские 05add16ed08b4def07f8: 657 п @ самозагрузки 05add16ed08b4def07f8: 85 украшает @ главный-client.js v = m6MAq5LYDxHuj3aQ3FLsDASzSdE0PXrpCFP8K7zsieI: 4472 __webpack_require @ bootstrap 05add16ed08b4def07f8: 657 module.exports @ bootstrap 05add16ed08b4def07f8: 706 (анонимный) @ bootstrap 05add16ed08b4def07f8:706

Я попытался добавить ссылку на JavaScript в webpack.config.vendor.js. Мой бэкэнд - это.net core webapi. Пожалуйста, посоветуйте мне, что делать дальше

Answer 1

РЕДАКТИРОВАТЬ

Это, вероятно, результат отсутствия импорта некоторых необходимых сценариев в angular.json файл. Это шаг, которого по умолчанию нет в инструкциях SpreadJS на веб-сайте GrapeCity ( https://www.grapecity.com/en/blogs/spread-sheets-and-angular) для текущих приложений Angular.

Я нашел этот пропущенный шаг в одном из блогов GrapeCity Angular/SpreadJS ( https://www.grapecity.com/en/blogs/create-angular-spreadsheets-with-angular-cli), который был немного спрятан на их сайте.

Шаг, который вам нужен:

angular.json:

{
  (…)
  "apps": [
    {
      (…)
      "styles": [
        "./lib/gc.spread.sheets.excel2013darkGray.11.0.0.css"
      ],
      "scripts": [
        "./lib/gc.spread.sheets.all.11.0.0.min.js"
      ],
      (…)
    }
  ],
  (…)
}

Измените путь к файлу, где вы разместили свои файлы SpreadJS. Обратите внимание, что по крайней мере в моем приложении мой angular.json файлов имеет два styles массивы и два scripts массивы - вставьте эти ссылки в верхний набор (массив стилей и сценариев, ближайший к вершине angular.json файл).

Answer 2

Я проходил через тот же вопрос получил этот ответ.

Переключите порядок ссылок на скрипт.