search

jfcere / ngx-malihu-scrollbar

Angular 2+ scrollbar customization using Malihu jQuery Custom Scrollbar plugin
https://jfcere.github.io/ngx-malihu-scrollbar
MIT License
58 stars 17 forks source link

"Cannot find namespace" & "Cannot find name" #2

Closed alexsalmon closed 7 years ago

alexsalmon commented 7 years ago

When I "ng serve" my project with Angular CLI 1.0.0.rc, the compile fails and I get the following errors from ngx-malihu-scrollbar:

ERROR in C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (3,31): Cannot find name 'JQuery'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (10,50): Cannot find namespace 'MCustomScrollbar'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (14,61): Cannot find namespace 'MCustomScrollbar'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (34,47): Cannot find name 'JQuery'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (36,14): Cannot find name '$'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (39,14): Cannot find name '$'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.service.ts (41,28): Cannot find name 'jQuery'.)

ERROR in C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.directive.ts (13,30): Cannot find namespace 'MCustomScrollbar'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.directive.ts (15,22): Cannot find name 'JQuery'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.directive.ts (33,9): Cannot find name '$'.)
C:/wamp64/www/contentcloud/node_modules/ngx-malihu-scrollbar/src/app/malihu-scrollbar/malihu-scrollbar.directive.ts (34,9): Cannot find name '$'.)

If I save a file, and the project recompiles, the project runs fine and the scrollbars work perfectly.

This prevents the project from being successfully built.

alexsalmon commented 7 years ago

Currently fixed.

Had to add the following to src/tsconfig.app.json:

"compilerOptions": {
...
    "typeRoots": [
      "../node_modules/@types"
    ],
    "types": [
      "mcustomscrollbar"
    ]
...
}
jfcere commented 7 years ago

@alexsalmon you are right, Angular changed the way to declare @types with angular-cli. I'll update the documentation ... thanks for pointing it out!

jfcere commented 7 years ago

README.md has been updated.