Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Feb 23 00:49
    qdouble removed as member
  • Feb 23 00:49
    govi2010 removed as member
  • Feb 23 00:49
    lanovoy removed as member
  • Feb 23 00:49
    d3viant0ne removed as member
  • Feb 23 00:49
    shlomiassaf removed as member
  • Feb 23 00:49
    mastertinner removed as member
  • Feb 23 00:49
    colinskow removed as member
  • Feb 23 00:49
    matthewdenobrega removed as member
  • Feb 23 00:49
    dotcs removed as member
  • Feb 23 00:49
    DanWahlin removed as member
  • Feb 23 00:49
    Foxandxss removed as member
  • Feb 23 00:49
    niieani removed as member
  • Feb 23 00:49
    katallaxie removed as member
  • Feb 23 00:49
    kentcdodds removed as member
  • Feb 23 00:49
    jeffbcross removed as member
  • Feb 23 00:49
    jimthedev removed as member
  • Feb 23 00:49
    carlosliu removed as member
  • Feb 23 00:41
    PatrickJS commented #1686
  • Feb 22 22:23
    kamil-kielczewski commented #1686
  • Feb 22 22:23
    kamil-kielczewski commented #1686
Ryan
@ryansonshine
Err sry I'm driving now but go ahead and ask and I'll try to get back to you when I get home
Nguyen Ba Truong
@truongnguyen-ntq
There is an issue with the lazy module routing configuration
If for some reason, module +detail need to import module +barrel then barrel module routes will override detail module routes
so if you click on Detail button, it will load Barrel component
Is there any workaround?
Ryan
@ryansonshine
@david-alejandro-reyes-milian were you still looking for a suggestion?
Nguyen Ba Truong
@truongnguyen-ntq
@ryansonshine Should i make an issue on github repo for the issue above?
r3dp4nd4
@r3dp4nd4
has anyone used angular2 web pack starter to deploy a cloud foundry app? I'm failing at 'npm run webdriver:update'
GraemeWilde
@GraemeWilde
Hello, I'm using the angular-starter project and I have a question about the lazy loading. Whenever I run the app and open it in my browser, looking in the chrome console it shows all of the (supposed to be) lazy loaded modules "'__' component/bundle loaded asynchronously" messages right at the start, without having clicked on the route links. Is this how it's supposed to work? I got the impression that these modules shouldn't load, and the messages shouldn't show, until I actually click the links?
Nguyen Ba Truong
@truongnguyen-ntq
You can turn off it
by removing the preloading in the app module
Ryan
@ryansonshine
@r3dp4nd4 what error are you receiving?
Dan Cancro
@dancancro
Hi all. Still very much a work in progress, but here is my open source JHipster + ngrx + angular4 + angular-cli + Webpack + WebSockets + SpringMVC + Material Design + i18n + yarn + ElasticSearch deployed web application https://great-big-example-application.herokuapp.com and the repository https://github.com/dancancro/great-big-example-application
GraemeWilde
@GraemeWilde
@truongnguyen-ntq ah, thank you
Ryan
@ryansonshine
Has anyone successfully used the HMR against a live backend server?
Pierre CAVIN
@SherlockStd
yep
working fine
Vitali Carbivnicii
@realcnbs
hi
i can't understand how to add my css
which would override some other styles loaded from modules
i'm including styles/app.scss in app.module.ts
which looks like this -
@import "scss/material.variables";
@import "scss/material.themes";
@import "scss/mixins/bi-app/bi-app-ltr";

// Core Variables and Mixins
@import "scss/app.variables";
@import "scss/mixins";

// Core Styles
@import "scss/core";
@import "scss/material";
@import "scss/utilities/utilities";

// ngx datatable
@import '~@swimlane/ngx-datatable/release/index.css';
@import '~@swimlane/ngx-datatable/release/themes/material.css';
@import '~@swimlane/ngx-datatable/release/assets/icons.css';

// material themes
@import '~@angular/material/prebuilt-themes/indigo-pink.css';
@import './scss/components/_timeline.scss';

@import 'app.css';
but in the result styles from app.css are injected somewhere in the middle of the dom
Ryan
@ryansonshine
@realcnbs what does your webpack configuration look like?
Vitali Carbivnicii
@realcnbs
@ryansonshine standard angular2-webpack-starter config
Ryan
@ryansonshine
try renaming it to styles/styles.scss
@realcnbs and what does your app.module.ts look like on the import
Vitali Carbivnicii
@realcnbs
import '../styles/styles.scss';
i googled around, and i don't think this can be solved, because angular material styles are injected by angular to the bottom of styles tag
Vitali Carbivnicii
@realcnbs
nothing changed after rename
Ryan
@ryansonshine
taraskarabaskin
@taraskarabaskin
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?
taraskarabaskin
@taraskarabaskin
profile.jpg
André Mantas
@AndreMantas
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
@zap-deepak
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
@zap-deepak
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
Patryk
@spartanPAGE
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'
Patryk
@spartanPAGE
anyone?
Punita Ojha
@punitaojha
This message was deleted
Liyakhat Khan
@liyakhatalikhan
spl @akankshagaur Where you able to figure out what was causing the issue of split undefined?
Liyakhat Khan
@liyakhatalikhan

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

package.json

  "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",
    "generator-jhipster-angular-

Webpack


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
@florinh
I am getting these errors when opening the app: webpackJsonpac_name is not defined
webpackJsonpac__name_.PNG
Carlos Esteban Lopez Jaramillo
@luchillo17
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
@ivanovjaroslaw
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.