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

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


  未捕获ReferenceError:未定义GC
      在对象。 (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)
      在Object.options.path(html5-entities.js:190)(匿名)@ 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 @ bootstrap 05add16ed08b4def07f8:657 fn @ bootstrap 05add16ed08b4def07f8:85 options.path @ html5-entities.js:190
  webpack_require @引导程序05add16ed08b4def07f8:657 fn @引导程序05add16ed08b4def07f8:85
  装饰@ main-client.js?v = m6MAq5LYDxHuj3aQ3FLsDASzSdE0PXrpCFP8K7zsieI:4472
  __webpack_require @引导程序05add16ed08b4def07f8:657 module.exports @引导程序05add16ed08b4def07f8:706(匿名)@
  靴子05add16ed08b4def07f8:706


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

最佳答案

编辑

这可能是由于未在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文件顶部的样式和脚本数组) 。

10-04 10:51