Angular-tree-component: Error Mobx-angular Angular 9 RC12

Created on 31 Jan 2020  路  43Comments  路  Source: CirclonGroup/angular-tree-component

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.

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

All 43 comments

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

image

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

image

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
image

+-- @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.
image

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.
image

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.
image
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"

image

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

image

Was this page helpful?
0 / 5 - 0 ratings

Related issues

salilbajaj picture salilbajaj  路  4Comments

CC84 picture CC84  路  4Comments

carmenbranje picture carmenbranje  路  5Comments

nicolae536 picture nicolae536  路  5Comments

BrkCoder picture BrkCoder  路  4Comments