Kendo-angular: DropdownsModule causing build to fail after Angular 6 migration

Created on 25 May 2018  路  4Comments  路  Source: telerik/kendo-angular

I'm submitting a...

Support requests to https://www.telerik.com/account/support-tickets.

  • Regression report

Current behavior

After migrating my project to Angular 6, with latest version of Telerik packages and Rxjs (+rxjs-compat), the production build no longer works.

ng build --prod gives me the following error :

Function expressions are not supported in decorators in 'DropDownsModule' 'DropDownsModule' references 'DropDownsModule' 'DropDownsModule' references '傻0' '傻0' contains the error at @progress\kendo-angular-dropdowns\dist\es\dropdowns.module.js.ts(37,38) Consider changing the function expression into an exported function.

It was working fine before migrating.

Expected behavior

It should build

Minimal reproduction of the problem with instructions

Just import the DropDownsModule into the main app module

What is the motivation or use case for changing the behavior?

Environment

Prod
Package versions:

+-- @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]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @angular/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @progress/[email protected]
+-- @tinymce/[email protected]
+-- @types/[email protected]
+-- @types/[email protected]
+-- @types/[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]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- UNMET PEER DEPENDENCY jasmine@>=3
+-- [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]
+-- [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]

Browser:

  • Chrome (desktop) version XX

System:

  • TypeScript version: Version 2.7.1
  • Node version: v8.11.1
  • Platform: Windows

Question dropdowns

Most helpful comment

In the end I figured out what the problem was. The DropDownsModule was imported like this :
import { DropDownListModule } from '@progress/kendo-angular-dropdowns/dist/es/dropdownlist.module';

importing like this fixed the error :

import { DropDownListModule } from '@progress/kendo-angular-dropdowns';

Somehow this was not an issue before the migration.

All 4 comments

Tried reproducing this in a new CLI project, but to no avail. Try removing "node_modules", "package-lock.json" and re-installing.

ng6-dropdowns.zip

Indeed, in a new project it works. I have already removed node_modules and package-lock.json and reinstalled everything. Still get the same error. Looks like migrating from Angular 5 to 6 or starting from scratch is a different story.

At least in theory, the migrated project should work in the same way. Can you please submit a trimmed-down version of your project in a support ticket so we could take a look?

In the end I figured out what the problem was. The DropDownsModule was imported like this :
import { DropDownListModule } from '@progress/kendo-angular-dropdowns/dist/es/dropdownlist.module';

importing like this fixed the error :

import { DropDownListModule } from '@progress/kendo-angular-dropdowns';

Somehow this was not an issue before the migration.

Was this page helpful?
0 / 5 - 0 ratings