Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • Nov 07 08:26
    testacp commented #1853
  • Nov 07 08:26
    testacp commented #1853
  • Oct 30 15:24
    emanuelcoelho1986 closed #2011
  • Oct 30 10:43
    sameerpallav commented #2025
  • Oct 15 15:20
    alanhg commented #1997
  • Sep 30 15:12
    bbrink68 commented #2049
  • 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
main.browser.ts:49 Error: Template parse errors
any help here please?
In tsconfig there is now a new configuration to enable absolute import paths: "baseUrl": "./src". However, using absolute paths breaks the webpack itself: "ERROR in ./src/path/to/code/foo.ts Module not found: Error: Can't resolve 'app/absolute/path/bar' in 'blahblah'
Any workaround for that, or do I still need to use relative paths? (Relative paths are a major PITA for shared types, and a great headache for every refactor)
João Ribeiro
@rvalimaki I am using TS2 baseUrl with paths to enable importing `from "components/home"
for that I also configures webpack with > resolve: {
alias: {
components: helpers.root('src/app/components'),
frameworks: helpers.root('src/app/frameworks'),
assets: helpers.root('src/assets')
resolve: {
    alias: {
      components: helpers.root('src/app/components'),
      frameworks: helpers.root('src/app/frameworks'),
      assets: helpers.root('src/assets')
@rvalimaki this works fine in most cases but I still have yet to make it work for e2e tests. For now I advise you to use relative paths in your .e2e.ts files
João Ribeiro
the problem is related to how ts-node works. It uses node importer that does not let you rewrite paths.
I am working angular 2 RC5
on the submit button I say [disabled]=!modalForm.form.valid however for some reason the form is always flagged as valid even when the required input is empty.
Bnaya Peretz
hey friends! i wonder, is there a guideline how to keep a project based on that starter upto date with it?
something better then manual patching
@JonnyBGod thanks a lot! I was about to revert all my ~thousand paths back to relative paths, but thanks to you, that's not needed anymore.
@Bnaya IDK, I have patched our large application several times to match the latest webpack starter. Pretty much everything has totally changed several times in the process... Hopefully things get more stable when Angular2 itself gets more stable.
I suggest postfixing all conflicting files with "_old" or something, and then importing up to date files & folders from the starter project, and then patching the imported files using compare. Lot's of work, but nothing in comparison to Angular2 RC4 -> RC5/6 update....
Artur Käpp

Hey, two things.

I've been learning the starter pack in order to build my own and fully understand it. But a thing I haven't been able to figure out since yesterday is what loader or package(s) is(are) responsible for processing the <% or <%= or {% etc tags in html template?

Second thing that maybe I should have made an issue is that the chat link in README.md and also when starting to submit issue is not working (http://angularclass.com/member-join/)

Artur Käpp
Think I got the answer, it's HtmlWebpackPlugin, now I just have to figure out why its not working for me

hi all, I'm getting the following error when trying 'npm start for my angular 2 application
throw err;

Error: Cannot find module './webpack.common.js'
at Function.Module._resolveFilename (module.js:455:15)
at Function.Module._load (module.js:403:25)
at Module.require (module.js:483:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (/Users/Ashkan/Desktop/LogiPro/Training/rc6WebPack/config/webpack.dev.js:3:20)
at Module._compile (module.js:556:32)
at Object.Module._extensions..js (module.js:565:10)
at Module.load (module.js:473:32)
at tryModuleLoad (module.js:432:12)
at Function.Module._load (module.js:424:3)'
any ideas what can the issue be?
I have simply followed the instruction from here https://angular.io/docs/ts/latest/guide/webpack.html

wanna ask, i'm new to angular, currently i'm using angular 2 rc6, and i want to install OfflinePlugin for webpack. where should i put this "require('offline-plugin/runtime').install();" line? should i put inside ngModule or every components i had?
i was using polymer before, because it's easy to setup a service worker. and now i want to try angular 2 if it's fully support service worker or not. thanks before
btw inside ../src/assets there's service-worker.js, is this service worker already registered?
hello is there a guide .. with angular 2 / webpack with multiple chunks ?
like each compoment with their on bundle.js
JeanPaul Attard

Hi Guys :) I've been following the angular webpack starter guide, to upgrade my application to start bundling with webpack. That said, I'm running into problems when running the application. I'm always getting the following error attempting to load the app in the browser via the devserver.

core.umd.js?e2a5:6001 Error: Uncaught (in promise): ReferenceError: System is not defined
    at resolvePromise (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:558:32)
    at eval (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:535:14)
    at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:332:29)
    at Object.onInvoke (eval at <anonymous> (http://localhost:4000/vendor.js:2129:2), <anonymous>:8772:45)
    at ZoneDelegate.invoke (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:331:35)
    at Zone.run (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:225:44)
    at eval (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:591:58)
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:365:38)
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:4000/vendor.js:2129:2), <anonymous>:8763:45)
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:364:43)
    at Zone.runTask (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:265:48)
    at drainMicroTaskQueue (eval at <anonymous> (http://localhost:4000/polyfills.js:2475:2), <anonymous>:497:36)

Anybody know what is the cause of the problem please? Because I've been looking around, and haven't come to a solution.

99% Cocoa
^ same error
Oscar Lagatta
Why would a A2 deployed app won't load when refreshing the page ?
when running locally works when running on the server on IIS won't display the page pointing to a specific component
Oscar Lagatta
Hi what are the considerations to deploying on IIS , do I need to configure IIS to rewrite the URLs in HTML5 mode ?
JeanPaul Attard
@rjlee7 I've managed to identify the issue to lazy loading of routes. Since the Angular Router has built in support for SystemJS, following the specified ways in the guide meant that the routes were attempting to be lazy loaded using SystemJs.
In fact, there's a note in the routing guide, that webpack users must identify an alternative solution, using the webpack way of module loading.
That solution is for Webpack1. Webpack2 has a much neater way using System.import https://gist.github.com/sokra/27b24881210b56bbaff7#code-splitting-with-es6
Sekib Omazic

Hi there,
I keep getting following error when running npm run:build:

94% asset optimizationError in bail mode: [default] /Users/sekibomazic/Documents/projects/angular2/angular2-webpack-starter/node_modules/@types/hammerjs/index.d.ts:9:4 
Duplicate identifier 'export='.

npm ERR! Darwin 15.6.0
npm ERR! argv "/usr/local/Cellar/node/6.5.0/bin/node" "/usr/local/bin/npm" "run" "build:prod"
npm ERR! node v6.5.0
npm ERR! npm  v3.10.3
npm ERR! angular2-webpack-starter@5.0.5 build:prod: `webpack --config config/webpack.prod.js  --progress --profile --bail`
npm ERR! Exit status 1

Can someone help?

99% Cocoa
@jeanpaulattard ah i was using webpack2 and still getting the same error (something wrong with webpack not picking up my reflect-metadata in vendor.ts), but good to know about the issue
Ajay Kumar
Is there any sample app using webpack to build nodejs server code written in typescript including tests?
Marinho Brandão

hey! I am currently porting an RC4 based project to RC6, first updating for RC5 in baby steps. So, I'm updating first from commit @4cf99473 to @c5b94a4a basing on Github compare ( https://github.com/AngularClass/angular2-webpack-starter/compare/4cf99473...c5b94a4a ).

The new version uses Webpack 2 (and TS 2, but this is was already in my package.json).

My problem: after ported, it complains it cannot find a certain file in a generatedfolder. I'm not sure if that happens by tsc or webpack, but the message is this:

Module build failed: Error: Can't resolve 'apis/myclient' in '/project/src/app'

my tsconfig.json has:

    "baseUrl": ".",
    "paths": {
        "*": [

my webpack.common.js has:

    resolve: {
        extensions: ['', '.ts', '.js', '.json', '.scss'],
        root: helpers.root('src'),
        modulesDirectories: ['node_modules', 'generated'],

so, in theory, both are correct for my needs.

Anyone knows what it could be?

Can not manage to make Debugger for Chrome work with my webpack (in VSCode). When i launch debugging from VSCode, some "invisible" breakpoint fires in file "eval: 83", but in every other component breakpoints are "unverified". In the same time, webpack-starter example works and debugging good. But i can't find difference, launch.json-s are the same. And everything else almost identical (between my project and webpack-starter example), what should i check?? Or what should i show you that will help with this problem?
Marinho Brandão
hi guys, I'm using ng2-redux, which has its own AppState, while angular2-webpack-starter also provides its own in app.service.ts ... we keep both in our project, but I m just asking myself, shouldn't I have just one of them? Probably ng2-redux' one?
i am probably going to go with this for my project.
with that said
i want to use a task runner. it seems though that the grunt integration is more popular than gulp
your thoughts
Graham Churchley
Anybody using TestBed.createComponent? I want to set @Inputs on my component prior to creation to mimic invocation in real use. How do I this?
JeanPaul Attard
I have been trying to do so, but it is failing when using templateUrls
Carlos Esteban Lopez Jaramillo
Help, i'm getting this error but i'm confused about where or why is this happening, any ideas?
This message was deleted