Error Mobx-angular Angular 9 RC12 #788

hartjo · 2020-01-31T04:11:07Z

Additional Info

Package.json

{
"name": "apts-frontend",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve --open",
"start:dev": "npm run start -- --configuration=dev",
"start:deploy": "npm run start -- --configuration=deploy",
"start:http-server": "npm run build && http-server -g -p 4200 ./dist/apts-frontend",
"start:dev:http-server": "npm run build:dev && http-server -g -p 4200 ./dist/apts-frontend",
"start:deploy:http-server": "npm run build:deploy && http-server -g -p 4200 ./dist/apts-frontend",
"start:analyze": "npm run build:analyze && webpack-bundle-analyzer ./dist/apts-frontend/stats.json",
"build": "node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng build",
"build:dev": "npm run build -- --configuration=dev",
"build:prod": "npm run build -- --configuration=deploy",
"build:analyze": "npm run build -- --configuration=production --stats-json=true",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^9.0.0-rc.12",
"@angular/common": "^9.0.0-rc.12",
"@angular/compiler": "^9.0.0-rc.12",
"@angular/core": "^9.0.0-rc.12",
"@angular/forms": "^9.0.0-rc.12",
"@angular/platform-browser": "^9.0.0-rc.12",
"@angular/platform-browser-dynamic": "^9.0.0-rc.12",
"@angular/router": "^9.0.0-rc.12",
"@auth0/angular-jwt": "^3.0.1",
"@ng-bootstrap/ng-bootstrap": "^5.1.0",
"@ng-select/ng-select": "^3.0.7",
"@ngrx/effects": "^8.3.0",
"@ngrx/router-store": "^8.3.0",
"@ngrx/store": "^8.3.0",
"@nicky-lenaers/ngx-scroll-to": "^3.0.1",
"@sweetalert2/ngx-sweetalert2": "^5.1.0",
"angular-tree-component": "^8.5.2",
"blob-util": "^2.0.2",
"bootstrap": "^4.3.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.4.1",
"file-saver": "^2.0.2",
"immer": "^3.2.0",
"jquery": "^3.4.1",
"jquery-ui": "^1.12.1",
"jquery-ui-dist": "^1.12.1",
"lodash": "^4.17.15",
"moment": "^2.24.0",
"ng-select2": "^1.1.2",
"ng2-password-strength-bar": "^1.2.3",
"ngx-bootstrap": "^5.1.1",
"ngx-device-detector": "^1.3.9",
"ngx-file-drop": "^8.0.8",
"ngx-filesize": "^1.1.4",
"ngx-mask": "^8.0.3",
"ngx-progressive-image-loader": "^3.0.2",
"ngx-toastr": "^11.3.2",
"ngx-window-token": "^2.0.1",
"popper.js": "^1.16.0",
"pretty-checkbox": "^3.0.3",
"rxjs": "6.5.3",
"select2": "^4.0.10",
"sweetalert2": "^8.16.2",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.2",
"zone.js": "~0.10.2",
"zxcvbn": "^4.4.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.900.0-rc.12",
"@angular/cli": "^9.0.0-rc.12",
"@angular/compiler-cli": "^9.0.0-rc.12",
"@ngrx/schematics": "^8.3.0",
"@ngrx/store-devtools": "^8.3.0",
"@types/jasmine": "^3.4.0",
"@types/jasminewd2": "^2.0.6",
"@types/jquery": "^3.3.31",
"@types/jqueryui": "^1.12.7",
"@types/node": "^12.11.1",
"@types/select2": "^4.0.48",
"codelyzer": "^5.1.2",
"http-server": "^0.11.1",
"jasmine-core": "^3.4.0",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^4.2.0",
"karma-chrome-launcher": "^3.1.0",
"karma-coverage-istanbul-reporter": "^2.1.0",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"nswag": "^12.3.1",
"protractor": "^5.4.2",
"ts-node": "^8.3.0",
"tslint": "^5.19.0",
"typescript": "3.7.5",
"webpack-bundle-analyzer": "^3.4.1"
}
}

-ERROR in Failed to compile entry-point angular-tree-component (module as esm5) due to compilation errors:
node_modules/mobx-angular/dist/mobx-angular.d.ts:5:22 - error NG6002: Appears in the NgModule.imports of TreeModule, but could not be resolved to an NgModule class

5 export declare class MobxAngularModule {

Use the Slack Channel

The fastest way to get an answer is via the slack channel:
https://angular-tree-component.herokuapp.com/

You will also get updates on releases, bugfixes and other announcements.

Search Docs First

Please look for an answer in the docs before submitting an issue:
angular2-tree.readme.io.

Rkubisiak · 2020-02-06T12:17:45Z

ive got the same issue when using rc14

kkuriata · 2020-02-07T13:28:24Z

Same issue with 9.0.0 release.

[edit]

Found this issue on mobx-angular: mobxjs/mobx-angular#112

juliocardosoventura · 2020-02-07T16:18:55Z

ERROR in Failed to compile entry-point angular-tree-component (module as esm5) due to compilation errors:
node_modules/angular-tree-component/node_modules/mobx-angular/dist/mobx-angular.d.ts:5:22 - error NG6002: Appears in the NgModule.imports of TreeModule, but could not be resolved to an NgModule class

5 export declare class MobxAngularModule {

"@angular/core": "~9.0.0",
"mobx-angular": "3.1.0", "mobx-angular": "3.0.3",

How do you fix this... it’s still a problem!

KeithGillette · 2020-02-07T19:36:26Z

We are facing the same issue with Angular 9 and have to disable Ivy in tsconfig.app.json:

	"angularCompilerOptions": {
		"enableIvy": false,
	},

LanderBeeuwsaert · 2020-02-08T12:56:49Z

jep, same same

sgruhier · 2020-02-09T17:36:00Z

same. to bad to disable ivy for this

martinpagesaal · 2020-02-11T03:58:01Z

Same here! Any solution?

michaill · 2020-02-11T12:48:10Z

there is very new mobx-angular@3.1.1 solving this issue. please can you make new package of angular-tree-component?

hugoj-goncalves · 2020-02-11T14:18:23Z

I'm having the same issue even with mobx-angular@3.1.1 😢
Are you sure it was solved?

martinpagesaal · 2020-02-11T14:23:03Z

I'm working in a angular-tree-component and mobx-angular upgrade to A9, as soon as I have it i'll create PRs and share branch here if anyone wants to use it.

If someone has this already please let me know so I do not duplicate my work.

martinpagesaal · 2020-02-11T15:35:12Z

Update: Just FYI, tried to use 3.1.1 and did not worked. I'll need to fork mobx-angular now.

sgruhier · 2020-02-11T16:48:47Z

I tried locally with "mobx-angular": "3.1.1" and it worked. It would be nice if someone from 500tech have a look and publish a new version

martinpagesaal · 2020-02-11T17:00:59Z

I tried locally with "mobx-angular": "3.1.1" and it worked. It would be nice if someone from 500tech have a look and publish a new version

Did you forked or something? I could not make it work, same issue.

sgruhier · 2020-02-11T17:20:20Z

no, I did a quick and dirty test by copying files in my project. I'm gonna fork it and see if I can make it work

sgruhier · 2020-02-11T18:02:32Z

no chance for now, and it's the end of the day for me

martinpagesaal · 2020-02-11T18:53:41Z

For right now as a temp solution you guys can use my branch with the fix, made it work

This should work:

npm uninstall angular-tree-component
npm install git+ssh://git@github.com/martinpagesaal/angular-tree-component#angular-9-dist

adamkleingit · 2020-02-12T10:08:00Z

Released 8.5.4
Would be nice if someone does a PR to upgrade example/cli Angular version to 9

adamkleingit · 2020-02-12T10:20:06Z

I added cli9 example, but it would still be good if we change the main cli to be version 9, because that's where we run all the tests.
So either migrate example/cli to 9, or recreate all the routes and components in the new cli9

korolevsa · 2020-02-12T10:50:12Z

Hi !

"dependencies": {
"angular-tree-component": "^8.5.4"
}
 "devDependencies": {
"@angular/compiler-cli": "~9.0.0",
}

Please tell me how to solve this.

sgruhier · 2020-02-12T10:52:30Z

Correct I also have that error
@martinpagesaa solution with his repo git+ssh://git@github.com/martinpagesaal/angular-tree-component#angular-9-dist worked for me

shreykene · 2020-02-12T12:41:13Z

Hi,
"dependencies": { "angular-tree-component": "^8.5.4" } "devDependencies": { "@angular/compiler-cli": "~9.0.0", }

I have updated the existing dist folder with #angular-9-dist but still not succeeded. Please tell me how to solve this.

hartjo · 2020-02-12T13:03:17Z

Hi,
"dependencies": { "angular-tree-component": "^8.5.4" } "devDependencies": { "@angular/compiler-cli": "~9.0.0", }

I have updated the existing dist folder with #angular-9-dist but still not succeeded. Please tell me how to solve this.

can you confirm that the version of your Mobx and Mobx-angular is same as the new one?

mobx@4.15.4
mobx-angular@3.1.1

there is a new update from angular-tree-component. I've got those about an hour ago

wupaz · 2020-02-12T13:12:58Z

Same prob here
I delete node module delete package-lock.json and re-install

  "angular-tree-component": {
      "version": "8.5.4",
      "resolved": "https://registry.npmjs.org/angular-tree-component/-/angular-tree-component-8.5.4.tgz",
      "integrity": "sha512-HLAxFMjv4gPH80565/6XhO8/ZPfejX9gadPzigmY2pen0rka1eQXz9sAauFm9sb6y/nM8l7U1q6uly24ysaiOw==",
      "requires": {
        "lodash": "^4.17.11",
        "mobx": "^4.15.1",
        "mobx-angular": "3.1.1"
      }

hartjo · 2020-02-12T13:18:19Z

I haven't tried the new version yet cause we are on a tight schedule for production release so we are in ivy false right now.

korolevsa · 2020-02-12T13:18:27Z

npm list --depth=0

+-- @angular-devkit/build-angular@0.900.1
+-- @angular/animations@9.0.0
+-- @angular/cli@9.0.1
+-- @angular/common@9.0.0
+-- @angular/compiler@9.0.0
+-- @angular/compiler-cli@9.0.0
+-- @angular/core@9.0.0
+-- @angular/forms@9.0.0
+-- @angular/language-service@9.0.0
+-- @angular/platform-browser@9.0.0
+-- @angular/platform-browser-dynamic@9.0.0
+-- @angular/router@9.0.0
+-- @types/jasmine@3.5.3
+-- @types/jasminewd2@2.0.8
+-- @types/node@12.12.27
+-- angular-tree-component@8.5.4
+-- codelyzer@5.2.1
+-- UNMET PEER DEPENDENCY core-js@^2.4.1
+-- jasmine-core@3.5.0
+-- jasmine-spec-reporter@4.2.1
+-- karma@4.3.0
+-- karma-chrome-launcher@3.1.0
+-- karma-coverage-istanbul-reporter@2.1.1
+-- karma-jasmine@2.0.1
+-- karma-jasmine-html-reporter@1.5.2
+-- mobx@4.15.4
+-- mobx-angular@3.1.1
+-- protractor@5.4.3
+-- rxjs@6.5.4
+-- ts-node@8.3.0
+-- tslib@1.10.0
+-- tslint@5.18.0
+-- typescript@3.7.5
`-- zone.js@0.10.2

ng build

npm -v
6.9.0
node -v
v10.16.3

adamkleingit · 2020-02-12T13:19:06Z

@sgruhier @korolevsa can you send a link to reproduce? It works inside example/cli9:
https://github.com/500tech/angular-tree-component/tree/master/example/cli9

hugoj-goncalves · 2020-02-12T13:29:18Z

It doesn't work here also...
Even the example fails... https://github.com/500tech/angular-tree-component/tree/master/example/cli9
Which node/npm version are you using for curiosity?

npm -v
6.13.4
node -v
v12.16.0

OS: Windows 10 - 19041.84

korolevsa · 2020-02-12T13:43:34Z

ng new test-at -g --style=scss
npm install --save mobx@4.15.4 mobx-angular@3.1.1 angular-tree-component

copy steps from https://angular2-tree.readme.io/docs/

ng build


+-- @angular-devkit/build-angular@0.900.1
+-- @angular/animations@9.0.0
+-- @angular/cli@9.0.1
+-- @angular/common@9.0.0
+-- @angular/compiler@9.0.0
+-- @angular/compiler-cli@9.0.0
+-- @angular/core@9.0.0
+-- @angular/forms@9.0.0
+-- @angular/language-service@9.0.0
+-- @angular/platform-browser@9.0.0
+-- @angular/platform-browser-dynamic@9.0.0
+-- @angular/router@9.0.0
+-- @types/jasmine@3.5.3
+-- @types/jasminewd2@2.0.8
+-- @types/node@12.12.27
+-- angular-tree-component@8.5.4
+-- codelyzer@5.2.1
+-- UNMET PEER DEPENDENCY core-js@^2.4.1
+-- jasmine-core@3.5.0
+-- jasmine-spec-reporter@4.2.1
+-- karma@4.3.0
+-- karma-chrome-launcher@3.1.0
+-- karma-coverage-istanbul-reporter@2.1.1
+-- karma-jasmine@2.0.1
+-- karma-jasmine-html-reporter@1.5.2
+-- mobx@4.15.4
+-- mobx-angular@3.1.1
+-- protractor@5.4.3
+-- rxjs@6.5.4
+-- ts-node@8.3.0
+-- tslib@1.10.0
+-- tslint@5.18.0
+-- typescript@3.7.5
`-- zone.js@0.10.2

npm -v
6.9.0
node -v
v10.16.3

THE TRUTH IS OUT THERE

martinpagesaal · 2020-02-12T15:03:27Z

Use my branch thill its fixed, mobx 3.1.1 does not work, I had to branch mobx as well.

npm uninstall angular-tree-component
npm install git+ssh://git@github.com/martinpagesaal/angular-tree-component#angular-9-dist

korolevsa · 2020-02-12T15:29:14Z

Use my branch thill its fixed, mobx 3.1.1 does not work, I had to branch mobx as well.
npm uninstall angular-tree-component
npm install git+ssh://git@github.com/martinpagesaal/angular-tree-component#angular-9-dist

This not work for me.

martinpagesaal · 2020-02-12T22:22:56Z

Use my branch thill its fixed, mobx 3.1.1 does not work, I had to branch mobx as well.
npm uninstall angular-tree-component
npm install git+ssh://git@github.com/martinpagesaal/angular-tree-component#angular-9-dist
This not work for me.

Try normal http.

npm uninstall angular-tree-component
npm install https://github.com/martinpagesaal/angular-tree-component.git#angular-9-dist

This is the repo. https://github.com/martinpagesaal/angular-tree-component

korolevsa · 2020-02-13T08:51:19Z

Hi, unfortunately, I tried this method.

And it does not work

pmstss · 2020-02-13T09:31:00Z

@korolevsa it's a separate windows git setup issue unrelated to initial one. Just google for "git windows host key verification failed".
Had similar one, hints from https://github.community/t5/How-to-use-Git-and-GitHub/Git-via-SSH-from-Windows-returns-Permission-Denied/td-p/9336 helped to quickly fix it.
@martinpagesaal forks work well 👍

adamkleingit · 2020-02-13T15:37:02Z

Oh very strange. I removed node_modules and re-installed and now it breaks

adamkleingit · 2020-02-14T07:11:56Z

I fixed it by removing mobx-angular as a dependency and assimilating its code inside.
Please use 8.5.6 and let me know if there are any issues

sgruhier · 2020-02-14T07:31:23Z

it works for me
thanks

iliyaeffati · 2020-02-14T15:40:43Z

it works perfectly, thanks

korolevsa · 2020-02-14T16:06:02Z

It works for me. Thanks/

adamkleingit · 2020-02-17T20:41:54Z

Thanks everyone! I'm glad it works and we can now use the tree in Angular 9 :)
I still don't know what caused the problem though. Very strange because mobx-angular by itself works OK with Angular 9, so it's weird that using it from here fails

rahulroykumar · 2020-02-18T22:30:50Z

@adamkleingit
with "postinstall": "ngcc" it works fine but
Tree component fails when using below postinstall script:

ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points"

can you please suggest? I need to create ivy entry points

debender495 · 2020-03-11T13:47:35Z

I fixed it by removing mobx-angular as a dependency and assimilating its code inside.
Please use 8.5.6 and let me know if there are any issues

with this version, it gives below error

node_modules/mobx/lib/api/flow.d.ts:9:108 - error TS2304: Cannot find name 'AsyncGenerator'.

9 export declare function flow<R, Args extends any[]>(generator: (...args: Args) => Generator<any, R, any> | AsyncGenerator<any, R, any>): (...args: Args) => CancellablePromise<R>;
                                                                                                             ~~~~~~~~~~~~~~

debender495 · 2020-03-11T13:48:41Z

with the latest version 8.5.6 of angular-tree-component, I get below error with angular 9

node_modules/mobx/lib/api/flow.d.ts:9:108 - error TS2304: Cannot find name 'AsyncGenerator'.

9 export declare function flow<R, Args extends any[]>(generator: (...args: Args) => Generator<any, R, any> | AsyncGenerator<any, R, any>): (...args: Args) => CancellablePromise<R>;
                                                                                                             ~~~~~~~~~~~~~~

some type crap,

gmaggiodev · 2020-06-30T10:47:05Z

Same issue with Angular 10

adamkleingit closed this as completed Feb 12, 2020

adamkleingit reopened this Feb 13, 2020

adamkleingit mentioned this issue Feb 13, 2020

fail to install for angular 9 and ivy #783

Closed

adamkleingit closed this as completed Feb 14, 2020

Error Mobx-angular Angular 9 RC12 #788

Error Mobx-angular Angular 9 RC12 #788

Comments

hartjo commented Jan 31, 2020 • edited

Additional Info

Use the Slack Channel

Search Docs First

Rkubisiak commented Feb 6, 2020

kkuriata commented Feb 7, 2020 • edited

juliocardosoventura commented Feb 7, 2020

KeithGillette commented Feb 7, 2020

LanderBeeuwsaert commented Feb 8, 2020

sgruhier commented Feb 9, 2020

martinpagesaal commented Feb 11, 2020

michaill commented Feb 11, 2020

hugoj-goncalves commented Feb 11, 2020 • edited

martinpagesaal commented Feb 11, 2020

martinpagesaal commented Feb 11, 2020

sgruhier commented Feb 11, 2020

martinpagesaal commented Feb 11, 2020

sgruhier commented Feb 11, 2020

sgruhier commented Feb 11, 2020

martinpagesaal commented Feb 11, 2020 • edited

adamkleingit commented Feb 12, 2020

adamkleingit commented Feb 12, 2020

korolevsa commented Feb 12, 2020

sgruhier commented Feb 12, 2020

shreykene commented Feb 12, 2020

hartjo commented Feb 12, 2020 • edited

wupaz commented Feb 12, 2020

hartjo commented Feb 12, 2020

korolevsa commented Feb 12, 2020 • edited

adamkleingit commented Feb 12, 2020

hugoj-goncalves commented Feb 12, 2020 • edited

korolevsa commented Feb 12, 2020

martinpagesaal commented Feb 12, 2020

korolevsa commented Feb 12, 2020 • edited

martinpagesaal commented Feb 12, 2020 • edited

korolevsa commented Feb 13, 2020

pmstss commented Feb 13, 2020

adamkleingit commented Feb 13, 2020

adamkleingit commented Feb 14, 2020

sgruhier commented Feb 14, 2020

iliyaeffati commented Feb 14, 2020

korolevsa commented Feb 14, 2020

adamkleingit commented Feb 17, 2020

rahulroykumar commented Feb 18, 2020

debender495 commented Mar 11, 2020

debender495 commented Mar 11, 2020

gmaggiodev commented Jun 30, 2020

hartjo commented Jan 31, 2020 •

edited

kkuriata commented Feb 7, 2020 •

edited

hugoj-goncalves commented Feb 11, 2020 •

edited

martinpagesaal commented Feb 11, 2020 •

edited

hartjo commented Feb 12, 2020 •

edited

korolevsa commented Feb 12, 2020 •

edited

hugoj-goncalves commented Feb 12, 2020 •

edited

korolevsa commented Feb 12, 2020 •

edited

martinpagesaal commented Feb 12, 2020 •

edited