We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Syncfusion Webpack sample not working

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-master\node_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-master\node_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-master\node_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-master\node_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-master\node_modules\awesome-typescript-loader\src\instance.ts:266:72)
at Object.ensureInstance (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\instance.ts:145:5)
at compiler (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\index.ts:37:20)
at Object.loader (C:\angular2-seeds-master\node_modules\awesome-typescript-loader\src\index.ts:18:18)
@ multi app
[/CODE]


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

7 Replies

AS Abinaya Subbiah Syncfusion Team December 23, 2016 10:22 AM UTC

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. 


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. 


Please revert us back if you need further assistance on this.  
  
Regards, 
Abinaya S 



ME Me December 23, 2016 02:50 PM UTC

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\directives\ng_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\linker\ng_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 Me December 26, 2016 12:04 AM UTC

Any idea?


AS Abinaya Subbiah Syncfusion Team December 27, 2016 06:08 AM UTC

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 Me December 28, 2016 07:12 AM UTC

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 Me replied to Me December 28, 2016 07:26 AM UTC

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




AS Abinaya Subbiah Syncfusion Team December 28, 2016 08:52 AM UTC

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.  


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  


Loader.
Up arrow icon