Question

我正在尝试将 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） at 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（匿名）@ bootstrap 05add16ed08b4def07f8：706

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

Answer 1

我正在经历同样的问题this回答。

切换脚本引用的顺序..

Answer 2

编辑

这可能是由于未在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文件）。

SpreadJS无法在基于Webpack的角度应用程序

2 个答案: