Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Aug 23 13:34
    SouravKumar89 edited #2058
  • Aug 23 13:27
    SouravKumar89 opened #2058
  • Aug 22 00:04

    PatrickJS on master

    Update README.md (compare)

  • Aug 13 17:17
    ramsunvtech commented #1925
  • Aug 12 22:58
    terrancecorley commented #770
  • Aug 09 02:30
    jindovu commented #2049
  • Aug 09 02:22
    jindovu opened #2057
  • Aug 08 10:49
    krawinkelm commented #2053
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 21 14:14
    FilipLitwora commented #958
  • Jul 09 11:40
    Sanafan commented #1713
  • Jul 05 11:41
    hoang-innomizetech commented #2053
  • Jul 05 07:32
    Jilaba commented #1824
  • Jun 29 04:31
    Jason-Cooke synchronize #2055
  • Jun 28 14:51
    jesslilly commented #1827
  • Jun 12 18:16
    dvaldivia commented #1969
  • Jun 12 17:55
    dvaldivia commented #2049
  • Jun 12 07:51
    ppomet commented #2056
  • Jun 12 07:48
    ppomet closed #2056
John Lee
I haven't changed karma.conf / webpack.test.config / spec-bundle.js at all
Raghavan Parthasarathy
Hi guys. I got a question. Even with running on prod mode, the vendor.bundle.js runs to ~ 900 kb. And with typescript / javascript, html and css on the main.bundle.js for a relatively small application running at least an MB, the page load can take a while depending on the network speed. Is there a way to reduce the size of these files ?
Carl Sutton
Hi all, I got a problem. App was kinda working, then I ran 'npm install' again and its completely broken now
/code ui-dash_1 | 21:58:35 73% optimize
ui-dash_1 | 21:58:35 0|can-dash | TypeError: chunk.hasRuntime is not a function
ui-dash_1 | 21:58:35 0|can-dash | at /usr/src/app/node_modules/webpack/lib/optimize/CommonsChunkPlugin.js:89:20
ui-dash_1 | 21:58:35 0|can-dash | at Array.filter (native)
ui-dash_1 | 21:58:35 0|can-dash | at Compilation.processCommonChunk (/usr/s
any ideas what Im missing?
Hi guys, I try to incorporate covalent with angular2-webpack-starter. When I import the CovalentCoreModule with CovalentCoreModule.forRoot() in my ngmodule imports i am getting:
Uncaught Error: Unexpected value '[object Object]' imported by the module 'AppModule'(anonymous function) @ metadata_resolver.js:245CompileMetadataResolver.getNgModuleMetadata @ metadata_resolver.js:230RuntimeCompiler._compileComponents @ runtime_compiler.js:142RuntimeCompiler._compileModuleAndComponents @ runtime_compiler.js:80RuntimeCompiler.compileModuleAsync @ runtimecompiler.js:71PlatformRef._bootstrapModuleWithZone @ applicationref.js:328PlatformRef.bootstrapModule @ application_ref.js:310main @ main.browser.ts:25ZoneDelegate.invokeTask @ zone.js:365Zone.runTask @ zone.js:265ZoneTask.invoke @ zone.js:433
The import value for CovalentCoreModule.forRoot() contains: {"providers":[null,null,null]}
Any hint what I am doing wrong here?
Is there any way to prevent Angular 2 errors from causing the build:dev script from erroring out?
Carl Sutton
fix the errors...
What I was looking for is any solutions that would help silence or suppress Angular errors that it detects to allow for the build:dev script to complete "successfully".
Carl Sutton
@jhoncue7 I would say the errors mean something, that should be fixed.
best to paste them here and I will see if I can help
There is no activity in this channel, and ive only been using ng2 for a week :/
Hi guys,
I have an issue when I do practice: AngularClass/angular2-webpack-starter#1098
Can you help me take a look this issue and help me answer.
Thank you
Andriy Komm
do you also have raising performance issues the longer the dev server runs? got a 8x core 4,0ghz 26gb ram machine on ssd and unless I reload the dev server it gets worser and worser. even on a plain new instance of this prefab
Marinho Brandão
Curious that it seems HMR isn't working properly in AWS. It reloads the whole app every time
Hi guys, i have two projects that share a common domain model we defined using .ts files
whats the best way to share that domain model among serveral projects?
the two projects will be developed at the same time.
thanks a lot
Marinho Brandão
@johnespn I’d create a library as a third repository and use it from both projects as it was third party, via npm/package.json
@marinho thanks for your help, can you point to any example with similar config?
Marinho Brandão

@johnespn there is a couple of examples over the web, this is one — https://github.com/jkuri/ng2-datepicker

other — https://github.com/ocombe/ng2-translate
other much bigger one — https://github.com/angular/material2

Bear in mind that there’s nothing special about building a library of reusable components. It will be very similar to a standard Angular2 app. You just have to configure the NgModule to export all components, pipes, directives and services you want to reuse and ensure its package.json is as clean as possible to let the other project use it.

It probably won’t need either routes and entry components, as it will always be just used by another app.

have fun!


I am attempting to write unit tests using a templateUrl but am getting this error message

Failed: Uncaught (in promise): Failed to load forgot-password.template.html
    Error: Uncaught (in promise): Failed to load forgot-password.template.html

for my HTML template

Here is the component file
import {Component, ViewContainerRef} from '@angular/core';
import {MdDialog, MdDialogConfig, MdDialogRef} from '@angular/material';

    selector: 'forgot-password',
    styleUrls: ['./forgot-password.style.scss'.toString()],
    templateUrl: './forgot-password.template.html'

export class ForgotPasswordDialog {
    public emailAddress;

    constructor(public dialogRef: MdDialogRef<ForgotPasswordDialog>) {


    ngOnInit() {
        this.emailAddress = '';

    cancel() {

    submit(model: string, isValid: boolean) {
        if (isValid) {
and the spec
import { async, TestBed } from '@angular/core/testing';
import { Component, ViewContainerRef } from '@angular/core';
import { MaterialModule } from '@angular/material';
import { ForgotPasswordDialog } from './forgot-password.component';

describe('ForgotPasswordDialog', () => {
   let forgotPassword: ForgotPasswordDialog;

    beforeEach(async(() => {
            declarations: [ForgotPasswordDialog],
            imports: [MaterialModule]

    beforeEach(() => {
        let fixture = TestBed.createComponent(ForgotPasswordDialog);
        forgotPassword = fixture.componentInstance;

    it('module should be defined', () => {
Does anyone have any idea on how to correct those errors?
@marinho will take a look and try that out, you save my day! Thanks a lot!!!
Hi, What is the base place to put Third Party JS and CSS file what is not in NPM ?
Vendor is suggesting to include
// Add mandatory wijmo.css
// Wijmo core files are not modules, so add them using the script-loader
How to ensure they would end up in vendor.*.bundle.js
and also where should I put typings to those third party libraries?
And how to register them correctly?
Tim Sandberg
How does the app get a reference to Promise here:
export function main(): Promise<any> {
    return platformBrowserDynamic()
    .catch(err => console.error(err));
Karthi Keyan
im new here..
what is system.js ??
Don Franco
How do you extract styling into its own bundle inside <head>?
Don Franco
Solved it with ExtractTextPlugin
does anyone have guideline about using redux with Angular2-webpack-starter?
Impementing bs by this example and got 404 on all font requets
help pliz?!
Tanner Stirrat
@yogesh7607 why do you want to use redux? angular2 has its own state management built in...
@mskarthi95 as far as I can tell, it's a way of handling imports, especially asynchronously
anyone have experience with test running problems? I switched my tsconfig use module: es2015 to take advantage of tree-shaking awesomeness, and it works fine for my dev server and builds, but it's broken my tests. it seems like there's something with Istanbul and Esprima not knowing what to do with typescript?
invisible me :(
Tanner Stirrat
@trsh you haven't given us a whole lot of information to go off of
what's 404ing? where are you seeing this?
also, if anyone is interested, my problem was resolved by adding query { esModules: true } to the istanbul-instrumenter-loader section of webpack.test.conf
Mohit Gupta
Hey All. Could someone suggest a way to test the caching implementation for Angular2 webapp from QA standpoint