角库编译时错误“不变违反:无格式-路径或格式”

Question

我有一个Range11项目，它试图集成SpreadJS设计器，但是在ngcc步骤Compiling @grapecity/spread-sheets-designer-angular : esm2015 as esm2015期间失败了，只有例外：

工作人员#3上的/path/to/my/project/node_modules/@grapecity/spread-sheets-designer-angular错误:错误:不变量被违反:没有格式-路径或格式用于bundles/grapecity-spread-sheets-designer-angular.umd.js：

： (formatPath: bundles/grapecity-spread-sheets-designer-angular.umd.js/格式:未定义)

如何进一步诊断和解决此问题？

下面是我的项目的npx ng version输出：

Angular CLI: 11.0.2
Node: 14.15.1
OS: linux x64

Angular: 11.0.2
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1100.2
@angular-devkit/build-angular   0.1100.2
@angular-devkit/core            11.0.2
@angular-devkit/schematics      11.0.2
@angular/cdk                    11.0.1
@angular/material               11.0.1
@schematics/angular             11.0.2
@schematics/update              0.1100.2
rxjs                            6.5.3
typescript                      4.0.5

然后rm -rf node_modules && npm install; npm ls | grep grapecity给出以下输出：

├─┬ @grapecity/spread-excelio@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├── @grapecity/spread-sheets@14.0.3
├─┬ @grapecity/spread-sheets-angular@14.0.3
│ ├── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-barcode@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-charts@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├── @grapecity/spread-sheets-designer@14.0.3
├─┬ @grapecity/spread-sheets-designer-angular@14.0.3
├── @grapecity/spread-sheets-designer-resources-en@14.0.3
├─┬ @grapecity/spread-sheets-languagepackages@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-pdf@14.0.3
│ ├── @grapecity/spread-sheets@14.0.3 deduped
│ └── @grapecity/spread-sheets-print@14.0.3 deduped
├─┬ @grapecity/spread-sheets-pivot-addon@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-pivots@14.0.0
│ └── @grapecity/spread-sheets@14.0.0
├─┬ @grapecity/spread-sheets-print@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-resources-ja@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped
├─┬ @grapecity/spread-sheets-shapes@14.0.3
│ └── @grapecity/spread-sheets@14.0.3 deduped

Answer 1

我在SpreadJS + Designer上遇到了一些问题，因为他们的例子很糟糕。不管怎么说。帮助我的是：

import { DomSanitizer } from '@angular/platform-browser'

.
.
.

title: 'Tabela customizável',
designer: null,
props: {
 styleInfo: **this.sanitizer.bypassSecurityTrustStyle**('width: 100%; height: calc(100vh - 300px)'),
 config: this.spreadMenuConfig,
},