SpreadJS 在基于 Webpack 的角度应用程序中不起作用答案

【问题标题】：SpreadJS not working in Webpack based angular applicationSpreadJS 在基于 Webpack 的角度应用程序中不起作用
【发布时间】：2018-08-10 08:10:35
【问题描述】：

我正在尝试将 spreadjs 库添加到我的 Angular 5 应用程序中。我正在关注此链接中给出的教程。 https://www.grapecity.com/en/blogs/spread-sheets-and-angular 但是本教程和我的应用程序之间存在一个区别。我的应用程序正在使用 webpack。

当我尝试运行应用程序时出现以下错误

Uncaught ReferenceError: GC 未定义在对象。 (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-entities.js:190) (匿名) @ gc.spread.sheets.angular.11.0.4.js:106 webpack_require @ bootstrap 05add16ed08b4def07f8:657 fn @ bootstrap 05add16ed08b4def07f8:85（匿名）@ app.module.browser.ts:21 webpack_require@bootstrap 05add16ed08b4def07f8:657 fn@bootstrap 05add16ed08b4def07f8:85（匿名）@index.js:4 webpack_require @ bootstrap 05add16ed08b4def07f8:657 fn @ bootstrap 05add16ed08b4def07f8:85 options.path @ html5-entities.js:190 webpack_require @ bootstrap 05add16ed08b4def07f8:657 fn @ bootstrap 05add16ed08b4def07f8:85 装饰@main-client.js?v=m6MAq5LYDxHuj3aQ3FLsDASzSdE0PXrpCFP8K7zsieI:4472 __webpack_require @ bootstrap 05add16ed08b4def07f8:657 module.exports @ bootstrap 05add16ed08b4def07f8:706（匿名）@ 引导 05add16ed08b4def07f8:706

我尝试将 javascript 链接添加到 webpack.config.vendor.js。我的后端是.net core webapi。请告诉我下一步该怎么做

【问题讨论】：

标签： c# angular webpack .net-core spreadjs

【解决方案1】：

编辑

这可能是由于没有在angular.json 文件中导入一些必需的脚本。这是当前 Angular 应用程序缺少的默认 SpreadJS 指令 GrapeCity 的网站 (https://www.grapecity.com/en/blogs/spread-sheets-and-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 文件顶部的样式和脚本数组） .

【讨论】：