我试图将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
文件顶部的样式和脚本数组) 。