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 class5 export declare class MobxAngularModule {
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.
Please look for an answer in the docs before submitting an issue:
angular2-tree.readme.io.
ive got the same issue when using rc14
Same issue with 9.0.0 release.
[edit]
Found this issue on mobx-angular: https://github.com/mobxjs/mobx-angular/issues/112
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鈥檚 still a problem!
We are facing the same issue with Angular 9 and have to disable Ivy in tsconfig.app.json:
"angularCompilerOptions": {
"enableIvy": false,
},
jep, same same
same. to bad to disable ivy for this
Same here! Any solution?
there is very new [email protected] solving this issue. please can you make new package of angular-tree-component?
I'm having the same issue even with [email protected] 馃槩
Are you sure it was solved?
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.
Update: Just FYI, tried to use 3.1.1 and did not worked. I'll need to fork mobx-angular now.
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
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.
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
no chance for now, and it's the end of the day for me
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://[email protected]/martinpagesaal/angular-tree-component#angular-9-dist
Released 8.5.4
Would be nice if someone does a PR to upgrade example/cli Angular version to 9
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
Hi !
"dependencies": {
"angular-tree-component": "^8.5.4"
}
"devDependencies": {
"@angular/compiler-cli": "~9.0.0",
}

Please tell me how to solve this.
Correct I also have that error
@martinpagesaa solution with his repo git+ssh://[email protected]/martinpagesaal/angular-tree-component#angular-9-dist worked for me
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.
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?
[email protected]
[email protected]
there is a new update from angular-tree-component. I've got those about an hour ago
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"
}
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.
npm list --depth=0
+-- @angular-devkit/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY core-js@^2.4.1
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
ng build

npm -v
6.9.0
node -v
v10.16.3
@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
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
ng new test-at -g --style=scss
npm install --save [email protected] [email protected] angular-tree-component
copy steps from https://angular2-tree.readme.io/docs/
ng build

+-- @angular-devkit/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY core-js@^2.4.1
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
`-- [email protected]
npm -v
6.9.0
node -v
v10.16.3
THE TRUTH IS OUT THERE
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://[email protected]/martinpagesaal/angular-tree-component#angular-9-dist
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://[email protected]/martinpagesaal/angular-tree-component#angular-9-dist
This not work for me.

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://[email protected]/martinpagesaal/angular-tree-component#angular-9-distThis 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
Hi, unfortunately, I tried this method.

And it does not work
@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 馃憤
Oh very strange. I removed node_modules and re-installed and now it breaks
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
it works for me
thanks
it works perfectly, thanks
It works for me. Thanks/
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
@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
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>;
~~~~~~~~~~~~~~
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,
Same issue with Angular 10

Most helpful comment
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