Angular Library Compile Time Error "Invariant violated: No format-path or format"

Question

I have an Angular 11 project that is trying to integrate SpreadJS Designer, but is failing during the ngcc step Compiling @grapecity/spread-sheets-designer-angular : esm2015 as esm2015 with the exception:

Error on worker #3: Error: Invariant violated: No format-path or format for /path/to/my/project/node_modules/@grapecity/spread-sheets-designer-angular : main (formatPath: bundles/grapecity-spread-sheets-designer-angular.umd.js | format: undefined)

How do I further diagnose and fix this problem?

Here is the output of npx ng version for my project:

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

Then rm -rf node_modules && npm install; npm ls | grep grapecity gives this output:

├─┬ @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

do you have any code source example? if hard to config and test your problem — nicearma, Dec 03 '20 at 10:47
Hello, I work for SpreadJS's technical support team, I am sorry I am unable to replicate what you are observing. Please share additional steps or information for us to test this on our end. I also wanted to note that it would also be helpful if you have sample project you can share with our team to look deeper into. Thank you, Mackenzie Albitz GrapeCity Support — GrapeCity Team, Dec 03 '20 at 21:27
Can you also provide your exact angular version, also i know that it might sound banal but had you tried to reinstal your node modules. I tried to install `@grapecity/spread-sheets-designer-angular` from v 14.0.0 up to 14.0.3 and faced no issues in compling the code. — Християн Христов, Dec 04 '20 at 00:40
@GrapeCityTeam Hi Mackenzie, I have an open ticket in your system related to this. I'm just reaching out on SO to cast a wider net. As I said on that ticket, I'd be happy to give someone on your team access to the private github repository to investigate further. — vicatcu, Dec 04 '20 at 03:23
@ХристиянХристов I've updated the question with details about environment and package versions. — vicatcu, Dec 04 '20 at 03:23
@nicearma yea I know it's something specific about my project configuration, and I can compile an example provided by grapecity. The bounty is in hopes of me getting a better understanding of what could give rise to this particular error message in hopes that it leads back to what exactly about my project configuration is amiss. Unfortunately it's in a private repository. — vicatcu, Dec 04 '20 at 03:25
Nope the issue is not with you, i tried re-installing the library again on Linux ,also on Mac os and ended up wtih the error that you have. I guess that GrapeCityTeam don't follow the angular package format and that leads to the error. — Християн Христов, Dec 04 '20 at 15:49
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/225535/discussion-between---and-vicatcu). — Християн Христов, Dec 04 '20 at 15:53
@BossOz I think it was resolved by an update to the @grapecity/* packages to 14.0.5 for me — vicatcu, Jan 20 '21 at 13:48

score 0 · Answer 1 · answered Dec 21 '20 at 19:58

I had some problems with SpreadJS + Designer following their poor examples .. anyway. what helped me was:

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,
},

Angular Library Compile Time Error "Invariant violated: No format-path or format"

1 Answers1