TypeError: Cannot read property 'kind' of undefined about mdb-angular-ui-kit

[vadhavkar]

Looks like the problem is with the "@onchange" decorator used in Tooltip directive. If I comment it out in tooltip.directive.ts I dont get that error.

Asit

[danielsogl]

I'm facing this issue since I also upgraded my Angular CLI to 1.5.2 so I downgraded to 1.5 and it worked.

I found this issue in the Angular-CLI repo: angular/angular-cli#8434 (comment)

Dear Daniel,
as you can notice it looks like an issue related to typescript.
Could you please share your project/code with us so we could analyse it? Please also provide us more information about the environment, os, Angular, CLI, TS versions etc.

[frankguns]

Same problem here. I also got it working by commenting out @onchange in tooltip.directive.ts

[Bloodcast69]

Hey Guys,

I’ve checked this case, and found a fix for that. It’s problem with Typescript. I think, that it will be fixed in next TypeScript releases, but for now you can try to use solution of user ‘gmavritsakis’ added on GitHub: angular/angular-cli#8434 .

In file ‘typescript.js’ located in: node_modules/typescript/lib

Replace all the function
function nodeCanBeDecorated(node)
with the following code:

function nodeCanBeDecorated(node) {
       switch (node.kind) {
           case 229 /* ClassDeclaration */:
               // classes are valid targets
               return true;
           case 149 /* PropertyDeclaration */:
               // property declarations are valid if their parent is a class declaration.
   			// return node.parent.kind === 229 /* ClassDeclaration */;
   			return (node.parent && node.parent.kind === 229) || (node.original && node.original.parent && node.original.parent.kind === 229);
           case 153 /* GetAccessor */:
           case 154 /* SetAccessor */:
           case 151 /* MethodDeclaration */:
               // if this method has a body and its parent is a class declaration, this is a valid target.
               return node.body !== undefined &&
   				// && node.parent.kind === 229 /* ClassDeclaration */;
   				(node.parent && node.parent.kind === 229) || (node.original && node.original.parent && node.original.parent.kind === 229);
           case 146 /* Parameter */:
               // if the parameter's parent has a body and its grandparent is a class declaration, this is a valid target;
               // return node.parent.body !== undefined
               //     && (node.parent.kind === 152 /* Constructor */
               //         || node.parent.kind === 151 /* MethodDeclaration */
               //         || node.parent.kind === 154 /* SetAccessor */)
   			//     && node.parent.parent.kind === 229 /* ClassDeclaration */;
   			
   			var parent = node.parent || (node.original && node.original.parent);
   			return parent && parent.body !== undefined &&
                     (parent.kind === 152
                        || parent.kind === 151
                        || parent.kind === 154) && parent.parent.kind === 229;
       }
       return false;
   }

[jhourlad]

My eyes were burnt looking at the code formatting.