Syncfusion Webpack sample not working

[Me]

Hello,

I downloaded and installed your Webpack - https://github.com/syncfusion/angular2-seeds - sample, but I'm not able to start it as I get these errors:

[CODE]
ERROR in ./src/polyfills.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
at applyDefaults (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:18:18)
@ multi polyfills

ERROR in ./src/vendor.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
at applyDefaults (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:18:18)
@ multi vendor

ERROR in ./src/main.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
at applyDefaults (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-masterode_modules\awesome-typescript-loader\src\index.ts:18:18)
@ multi app
[/CODE]


Any Idea what's wrong and how to fix it?

[Abinaya Subbiah]

Hi Mantelisb, 

Thanks for contacting Syncfusion support. 

We have analyzed the issue “Cannot read property 'exclude' of undefined” and the issue is due to type error in awesome-typescript-loader NPM package. Refer to the below GitHub thread link to know more about  awesome-typescript-loader issue. 

https://github.com/s-panferov/awesome-typescript-loader/issues/190 

We have resolved the issue and updated our Angular 2 seed application in our Syncfusion repository.   

We have also implemented Angular 2 sample browser using our JavaScript Angular 2 components. 

http://ng2jq.syncfusion.com/  

Please revert us back if you need further assistance on this.  

  

Regards, 

Abinaya S 

[Me]

How can I surround code? Code tag doesn't work here.
About issue, now it's even worse:

[at-loader] Checking started in a separate process...

[at-loader] Checking finished with 118 errors
chunk    {0} app.js (app) 236 kB {2} [rendered]
chunk    {1} polyfills.js (polyfills) 468 kB [rendered]
chunk    {2} vendor.js (vendor) 2.37 MB {1} [rendered]

ERROR in [at-loader] node_modules\@angular\common\src\directivesg_class.d.ts:46:34
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\common\src\pipes\async_pipe.d.ts:39:38
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\compile_metadata.d.ts:347:20
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\compiler\src\compile_metadata.d.ts:348:15
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\compiler\src\directive_normalizer.d.ts:19:100
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\directive_normalizer.d.ts:21:74
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\offline_compiler.d.ts:15:26
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\offline_compiler.d.ts:16:38
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\offline_compiler.d.ts:31:124
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\output\output_ast.d.ts:424:63
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\compiler\src\resource_loader.d.ts:13:23
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\runtime_compiler.d.ts:40:49
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\runtime_compiler.d.ts:42:65
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\template_parser\template_parser.d.ts:45:12
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\compiler\src\util.d.ts:35:18
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\util.d.ts:36:46
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\compiler\src\view_compiler\compile_element.d.ts:33:16
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\view_compiler\compile_query.d.ts:24:49
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\view_compiler\compile_view.d.ts:29:18
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\view_compiler\compile_view.d.ts:52:16
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\compiler\src\view_compiler\compile_view.d.ts:54:13
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\application_init.d.ts:16:18
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\application_ref.d.ts:106:67
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\application_ref.d.ts:122:101
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\application_ref.d.ts:148:67
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\application_ref.d.ts:150:101
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\change_detection\differs\default_keyvalue_differ.d.ts:24:15
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\change_detection\differs\default_keyvalue_differ.d.ts:28:16
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\di\reflective_provider.d.ts:88:123
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\di\reflective_provider.d.ts:88:165
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:2:25
    Cannot find name 'MapConstructor'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:3:25
    Cannot find name 'SetConstructor'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:5:27
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:5:39
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:8:9
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:9:30
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:12:43
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:13:27
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:15:23
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:16:25
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:101:41
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:102:22
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\collection.d.ts:103:25
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\lang.d.ts:12:17
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\lang.d.ts:13:17
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\core\src\facade\lang.d.ts:51:59
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\core\src\linker\compiler.d.ts:53:49
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\linker\compiler.d.ts:61:65
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\linkerg_module_factory_loader.d.ts:14:34
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\core\src\linker\system_js_ng_module_factory_loader.d.ts:28:25
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\http\src\headers.d.ts:45:59
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\http\src\url_search_params.d.ts:46:16
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser-dynamic\src\resource_loader\resource_loader_impl.d.ts:10:23
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\browser\browser_adapter.d.ts:79:33
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\dom\dom_adapter.d.ts:97:42
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\dom\dom_renderer.d.ts:18:37
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:2:25
    Cannot find name 'MapConstructor'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:3:25
    Cannot find name 'SetConstructor'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:5:27
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:5:39
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:8:9
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:9:30
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:12:43
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:13:27
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:15:23
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:16:25
    Cannot find name 'Map'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:101:41
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:102:22
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\platform-browser\src\facade\collection.d.ts:103:25
    Cannot find name 'Set'.

ERROR in [at-loader] node_modules\@angular\router\src\config.d.ts:279:62
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\interfaces.d.ts:78:99
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\interfaces.d.ts:157:109
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\interfaces.d.ts:227:115
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\interfaces.d.ts:297:91
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\interfaces.d.ts:367:50
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\router.d.ts:386:70
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\router.d.ts:408:59
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\@angular\router\src\utils\collection.d.ts:35:58
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\Observable.d.ts:10:66
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\Observable.d.ts:66:60
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\Observable.d.ts:66:70
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\observable\PromiseObservable.d.ts:40:31
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\observable\PromiseObservable.d.ts:41:26
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\operator\toPromise.d.ts:7:59
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\operator\toPromise.d.ts:7:69
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\operator\toPromise.d.ts:9:9
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\operator\toPromise.d.ts:10:26
    Cannot find name 'Promise'.

ERROR in [at-loader] node_modules\rxjs\operator\toPromise.d.ts:10:36
    Cannot find name 'Promise'.

ERROR in [at-loader] src\app\app.component.ts:5:13
    Cannot find name 'require'.

ERROR in [at-loader] src\app\ej\core.ts:28:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:33:18
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:76:27
    Property 'startsWith' does not exist on type 'string'.

ERROR in [at-loader] src\app\ej\core.ts:86:17
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:99:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:100:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:108:25
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:110:29
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:118:17
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:119:17
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:129:18
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:130:17
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:140:23
    Cannot find name '$'.

ERROR in [at-loader] src\app\ej\core.ts:160:21
    Property 'endsWith' does not exist on type 'string'.

ERROR in [at-loader] src\app\ej\core.ts:161:61
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:163:17
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:165:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:168:44
    Cannot find name '$'.

ERROR in [at-loader] src\app\ej\core.ts:203:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:217:16
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:219:13
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\ej\core.ts:243:14
    Cannot find name '$'.

ERROR in [at-loader] src\app\ej\core.ts:310:22
    Cannot find name 'ej'.

ERROR in [at-loader] src\app\grid\grid.component.ts:5:15
    Cannot find name 'require'.

ERROR in [at-loader] src\app\home\home.component.ts:5:15
    Cannot find name 'require'.

ERROR in [at-loader] src\main.ts:4:5
    Cannot find name 'process'.

ERROR in [at-loader] src\polyfills.ts:3:1
    Cannot find name 'require'.

ERROR in [at-loader] src\polyfills.ts:4:5
    Cannot find name 'process'.

ERROR in [at-loader] src\polyfills.ts:9:3
    Cannot find name 'require'.
Child html-webpack-plugin for "index.html":
    chunk    {0} index.html 1.14 kB [rendered]
webpack: bundle is now VALID.

[Me]

Any idea?

[Abinaya Subbiah]

Hi Mantelisb,   

   

The issue occurred due to typings not installed properly in the sample. In some system environment typings will not be installed properly, since ensure typings are installed properly in the application as like the below screenshot.  

   

       

  

-          To install the typings run the below command and ensure the installed packages are same like the above screenshot.   

   

npm run typings install   

   

-          If you are still facing the issues with typings, we recommend you to install typings package globally using the below command.    

    

npm install -g typings or     

npm install typings -g    

    

-          Then run typings install command at the root of Angular 2 sample application, in which the typings.json must be available.    

    

-          Now the typings will be installed properly.    

  

Please let us know if you need further assistance.    

  

Regards,    

Abinaya S  

[Me]

After doing this I know see errors which are in my first post

ERROR in ./src/vendor.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
....
....

Maybe I need to use specific version of typings?

[Me]

After doing this I know see errors which are in my first post

ERROR in ./src/vendor.ts
Module build failed: TypeError: Cannot read property 'exclude' of undefined
....
....

Maybe I need to use specific version of typings?

Downloaded xx your updated project today again, reinstalled everything and.. Seems it works without errors! Thank you.

What I did:

npm install
typings install

[Abinaya Subbiah]

Hi Mantelisb, 

We happy to hear that the issue has been resolved. 

We already stated in our previous updates, that the issue “Cannot read property 'exclude' of undefined” occurred due to type error in awesome-typescript-loader NPM package. Refer to the below GitHub thread link to know more about  awesome-typescript-loader issue.  

https://github.com/s-panferov/awesome-typescript-loader/issues/190  

We already resolved the issue and updated our Angular 2 seed application in our Syncfusion repository. 

Please revert us back if you need further assistance on this.   

   

Regards, 

Abinaya S