Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Feb 23 2020 00:49
    qdouble removed as member
  • Feb 23 2020 00:49
    govi2010 removed as member
  • Feb 23 2020 00:49
    lanovoy removed as member
  • Feb 23 2020 00:49
    d3viant0ne removed as member
  • Feb 23 2020 00:49
    shlomiassaf removed as member
  • Feb 23 2020 00:49
    mastertinner removed as member
  • Feb 23 2020 00:49
    colinskow removed as member
  • Feb 23 2020 00:49
    matthewdenobrega removed as member
  • Feb 23 2020 00:49
    dotcs removed as member
  • Feb 23 2020 00:49
    DanWahlin removed as member
  • Feb 23 2020 00:49
    Foxandxss removed as member
  • Feb 23 2020 00:49
    niieani removed as member
  • Feb 23 2020 00:49
    katallaxie removed as member
  • Feb 23 2020 00:49
    kentcdodds removed as member
  • Feb 23 2020 00:49
    jeffbcross removed as member
  • Feb 23 2020 00:49
    jimthedev removed as member
  • Feb 23 2020 00:49
    carlosliu removed as member
  • Feb 23 2020 00:41
    PatrickJS commented #1686
  • Feb 22 2020 22:23
    kamil-kielczewski commented #1686
  • Feb 22 2020 22:23
    kamil-kielczewski commented #1686
Hello, recently I stumbled upon a strange moment when developing my project. My app started lagging a lot after some moment. I took a CPU profile in chrome devtools and it turned out a process called getStacktraceWithUncaughtError related to zone js took ~3s. After some playing around with it and after upgrade to angular 4 (from angular 2.4) and zone 0.8.10 the load time significantly decreased. But all the previous versions of zone didn't have the effect. I tried debugging it, but and not sure how to properly debug the execution of this zone js function. No errors are in the console and terminal. Tried to google it, but it seems nobody is facing the same issue. Can somebody of the experts help me with any tip why it might be happening? Any thoughts?
André Mantas
Hello. Setting 'publicPath' property in webpack.prod.js below 'path' is not working
any tips?
i want to deploy in iis virtual dir
Deepak Kanyan
Hi buddy
ERROR in default is not an NgModule when i am trying to use ng build
it working fine with ng serve but when i try to use ng build it gives error
as i search a lot about this issue it is just because of aot compiler
Deepak Kanyan
let me make you more clear understanding about my issue my complete project is working fine with ng serve but now it time to make it live so thats why i need a build of this, so i used ng build then it show me error ERROR in default is not an NgModule then again i removed it from all module where i used it then it show me error Uncaught (in promise): Error: Cannot find 'default' in './profile/profile.module' Error: Cannot find 'default' in './profile/profile.module' at checkNotEmpty
Hi, i've got a quick question
how can i import from root using this particular starter? (that i've been with lately, with a sh*tload of ../../)
for example, i'd like to change import { CurrentUserService } from '../../services/current-user.service' to `import { CurrentUserService } from 'app/services/current-user.service' or something similar
import { CurrentUserService } from 'app/services/current-user.service'
Punita Ojha
This message was deleted
Liyakhat Khan
spl @akankshagaur Where you able to figure out what was causing the issue of split undefined?
Liyakhat Khan

having issue with aot webpack angular4. Cannot read property split of undefined.


  "dependencies": {
    "@angular/common": "4.1.0",
    "@angular/compiler": "4.1.0",
    "@angular/compiler-cli": "4.1.0",
    "@angular/core": "4.1.0",
    "@angular/forms": "4.1.0",
    "@angular/http": "4.1.0",
    "@angular/platform-browser": "4.1.0",
    "@angular/platform-browser-dynamic": "4.1.0",
    "@angular/platform-server": "4.1.0",
    "@angular/router": "4.1.0",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.25",
    "angular2-cookie": "1.2.6",
    "angular2-pipes": "^1.5.0",
    "angular2-wizard": "^0.3.0",
    "bootstrap": "4.0.0-alpha.6",
    "codelyzer": "^3.0.1",
    "core-js": "2.4.1",
    "express": "^4.15.3",
    "express-history-api-fallback": "^2.2.1",
    "font-awesome": "4.7.0",
    "http-proxy": "^1.16.2",
    "jquery": "3.2.1",
    "ng-jhipster": "0.1.12",
    "ng2-completer": "^1.4.0",
    "ng2-file-upload": "^1.2.1",
    "ng2-webstorage": "1.8.0",
    "ngx-infinite-scroll": "0.4.1",
    "ngx-pipes": "^1.5.10",
    "nodemon": "^1.11.0",
    "prerender-node": "^2.7.1",
    "reflect-metadata": "0.1.10",
    "rxjs": "5.3.0",
    "swagger-ui": "3.0.7",
    "tether": "1.4.0",
    "zone.js": "0.8.9"
  "devDependencies": {
    "@angular/cli": "1.0.0",
    "@angular/compiler-cli": "4.1.0",
    "@types/jasmine": "2.5.47",
    "@types/node": "7.0.12",
    "add-asset-html-webpack-plugin": "2.0.1",
    "angular2-template-loader": "0.6.2",
    "awesome-typescript-loader": "3.1.2",
    "browser-sync": "2.18.8",
    "browser-sync-webpack-plugin": "1.1.4",
    "codelyzer": "3.0.1",
    "copy-webpack-plugin": "4.0.1",
    "css-loader": "0.28.0",
    "del": "2.2.2",
    "event-stream": "3.3.4",
    "exports-loader": "0.6.4",
    "extract-text-webpack-plugin": "2.1.0",
    "generator-jhipster": "4.3.0",


const webpack = require('webpack');
//var CompressionPlugin = require("compression-webpack-plugin");
const commonConfig = require('./webpack.common.js');
const webpackMerge = require('webpack-merge');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const ExtractTextPlugin = require("extract-text-webpack-plugin");
const Visualizer = require('webpack-visualizer-plugin');
const path = require('path');
const ENV = 'prod';
const ngToolsWebpack = require('@ngtools/webpack');

module.exports = webpackMerge(commonConfig({ env: ENV }), {
    devtool: 'source-map',
    entry: {
        'polyfills': './src/main/webapp/app/polyfills',
        'global': './src/main/webapp/content/scss/global.scss',
        'main': './src/main/webapp/app/main-aot'
    resolve: {
        extensions: ['.ts', '.js'],
        modules: ['node_modules']
    output: {
        path: path.resolve('./target/aot'),
        filename: '[hash].[name].bundle.js',
        chunkFilename: '[hash].[id].chunk.js'
    plugins: [
         new ngToolsWebpack.AotPlugin({
              tsConfigPath: './tsconfig-aot.json'
                new webpack.LoaderOptionsPlugin({
                    minimize: true,
                    debug: false
                /*new CompressionPlugin({
                    asset: "[path].gz[query]",
                    algorithm: "gzip",
                    test: /\.js$|\.html$/,
                    threshold: 10240,
                    minRatio: 0.8
                new webpack.optimize.UglifyJsPlugin({
                    compress: {
                        warnings: false
                    output: {
                        comments: false
                    sourceMap: true
        new ExtractTextPlugin('[hash].styles.css'),
        new Visualizer({
            // Webpack statistics in target folder
            filename: '../stats.html'
    ],module: {
        loaders: [
            { test: /\.scss$/, loaders: ['raw-loader', 'sass-loader'] },
            { test: /\.css$/, loader: 'raw-loader' },
            { test: /\.html$/, loader: 'raw-loader' },
            { test: /\.ts$/, loaders: ['@ngtools/webpack', 'angular2-template-loader', 'awesome-typescript-loader'] }
Florin Homone
I am getting these errors when opening the app: webpackJsonpac_name is not defined
Carlos Esteban Lopez Jaramillo
Anyone knows how to tell VSCode and the compiler to grab or detect by themselves the custom-typings.d.ts file in src dir?
Jaroslaw Ivanov
Hello! I trying to use "strict: true" in my tsconfig.json and getting Error while compiling gulpfile.ts file. Can I set it as ignored for some rules from tsconfig? Tried to use "exclude" property and nothing.
Hello, I landed on this repo from https://universal.angular.io/quickstart/
But instructions on that page are outdated and I could not get it to work, can anyone please guide me .
I want to create angular 4 universal app with this angular2-webpack-starter seed
Hi! Fork latest version of starter and got issue with starting it. It is hangs on "Loading" stage without specific reason.
check console
Hi everyone I have an issue with AOT compilation, when I use 'templateUrl' in an app-root component (in the angualr-starter it is 'app' component https://github.com/AngularClass/angular-starter/blob/master/src/app/app.component.ts), I get an error in a browser 'Error: Cannot find primary outlet to load', but if I use - template: '<router-outlet></router-outlet>' everything works fine. Could someone explain, why it doesn't work with 'templateUrl'.
Carlos Eduardo Villalta
Hi guys, im getting an error with AOT compilation, maybe someone can help out.
TS2339: Property 'id' does not exist on type 'object[]'.
Dont know what seems to be the problem :/
This message was deleted
Carlos Eduardo Villalta
Found the problem, I was declaring the variable as an object[] and that messed up the template, thx anyways
Question, why is it that when I build production that it does not seem to be making the 0.index.js etc but it does in dev

i am trying to learn angular2
i read through ngFor documentation but not sure how to display the liArraycontent values.
can you guys tell me how to display it.
providing my code below

import { Component } from '@angular/core';

selector: 'my-app',
template: <ul class= "master"> <li *ngFor ="let student of liArraycontent"> </li> </ul>
export class AppComponent {
name = 'Angular';
liArraycontent = ["testing 1", "testing 2", "testing3"]


Copyright 2017 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license

Dan Cancro
@texirv0203 you left out the values from the template. Try this: <li *ngFor ="let student of liArraycontent"> {{student}} </li>
  • I am new to angular, I am trying to display alert when I click each li.
  • but I am getting an error ncaught TypeError: (t.data || "").search is not a function
  • can you guys tell me how to fix it.
  • providng code below
import { Component } from '@angular/core';

  selector: 'my-app',

  styles: [`
    li {
      color: red;
  template: `<ul class= "master">
                <li *ngFor ="let student of liArraycontent" (click) = "liClicked(this)"> {{student}} </li>
export class AppComponent { 
  name = 'Angular';
  liArraycontent = ["testing 1", "testing 2", "testing3"]
  this.liClicked = function(e1) {


Copyright 2017 Google Inc. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license
Ritwik Banerjee
only 1 change -> this.liClicked changes to liClicked
David Gnanasekaran
main.40bf9a1….bundle.js:1 Uncaught Error: A platform with a different configuration has been created. Please destroy it first.
at d (polyfills.f9cf3d6….bundle.js:1)
at lt (main.40bf9a1….bundle.js:1)
at main.40bf9a1….bundle.js:1
at r (main.40bf9a1….bundle.js:1)
at Object.lWp9 (main.40bf9a1….bundle.js:1)
at e (main.40bf9a1….bundle.js:1)
at +27R (main.40bf9a1….bundle.js:1)
at main.40bf9a1….bundle.js:1
running the AOT build results in following error
Deepak Kanyan
Hi all, i am using https://github.com/chymz/ng2-ckeditor but there is a issue when i try to use link it does't give option to set target as blank
Hi all, I am using AngularClass/angular2-webpack-starter; but here facing issue with setting up alias
always get not found exception
trying to setup resolve.alias using
CommonService: helpers.root('src/app/services/')
in webpack.common.js
Hi all, I am new to angular2 i have small application for online order. for backend API am using front-end angluar product list page i have select option for that selected value change my price and pack weight. after i added to the cart its showing array only not excatly selected value, add to cart click its cloning my product how can i fix this issue
<div *ngIf= "item.product_type === 'C'">
<div *ngFor="let option of item.option_details" >
<label> {{option.catalogue_product_variant}} </label>
<ion-option Value="option.catalogue_product_variant_option_id"> <!-- Product options list -->

<label>Pack Weight (Kg) : </label><br>
<label>Pack Price : </label>

this my html code
addItem(item, Product){
this.productdetails.push(this.productdetails, item);
this my ts file
Hi friends,I am beginner in angular js 2.I was setup sample project but bootstrap does not work.I install bootstrap by npm and bootstrap folder exists in node_modules but in inspect element says boot strap status 404.I refer it by
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css"/>
Deepak Kanyan
Hello all
how to create sitemap.xml in angular 2
Hello everyone. I want to save application state. What can I use for it? Is ngRx good solution? Can someone share his knowledge with me?
Hi @maxkarpovets ngRx is very good solution. It have good code example here https://github.com/ngrx/example-app.