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

Hello to all! Can you help me please? I've justed forked the angular2-webpack-starter repo and trying to make stylus compilation work.
I've added stylus loader to webpack.common.js:

    test: /\.styl$/,
    exclude: /node_modules/,
    loader: 'raw-loader!stylus-loader'

and changed app.component.ts:

styles: [

It works. But if I use HMR (I start the server like npm run server:dev:hmr) it doesn't reload when I delete some lines in stylus file. For example:

I add the following code:

    background red

Result: app updates and changes the background.

I remove two lines added.
Result: I got messages in console, but app does not update.
In console I don't see lines about stylus changes.
And if I reload manually I see the changes.
Why this happens?

Shahmir Noorani

hey guys. I'm trying to update my code to use webpack2, simiar to the repo, and I'm getting:

ERROR in [default] C:/dev/RO.View.Dashboard/View/Slb.Prism.RO.View.Dashboard/node_modules/@types/protractor/index.d.ts:1
Subsequent variable declarations must have the same type. Variable '$' must be of type 'JQueryStatic', but here has typ
e 'cssSelectorHelper'.

Bnaya Peretz
any planes to update the project to awesome-typescript-loader@2 ?
Navin Saini
Uncaught ReferenceError: jQuery is not defined when using angular2 with webpack. Why I am getting this error even though I added following line into vendor.ts
import "jquery";
as well as defined into webpack.common.js file like this:
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery',
jquery: 'jquery',
"window.jQuery": 'jquery',
"window.$": 'jquery',
"window.jquery": 'jquery'
Path errors when Distributing my angularw-webpack-starter app
Justin Murphy
This message was deleted
This message was deleted
This message was deleted
Justin Murphy
This message was deleted
Justin Murphy
any idea why this part is not compiling correctly? <%= webpackConfig.htmlElements.headTags %>
I am just getting the plan text part. Webpack isn't injecting anything.
describe is showing as not defined in vscode
for the .spec.ts files
I figure it’s because its not imported in teh file
so is there a place where describe is globally imported?
can anybody help me out with this issue angular/universal#525
@jmurphzyo in your webpack config under plugins are you including the HtmlElementsPlugin plugin?
Elvis Begović
Do someone know a angular2 component to show folder and file in different view like an File Explorer ?
hey guys, i just created this issue: AngularClass/angular2-webpack-starter#937
I'm interested in creating a native iOS/Android App starting from the angular2-webpack-starter
No extra functions, just a native app that behaves same like the web app.
Hey everyone, can someone help me with a very basic question? I want to include a 3rd party javascript file (that can be consumed via a commonJS or ES2016 import). I'm including it successfully in my vendor.ts file and can see that webpack correctly compiles it. Now, when I try to import it in my TypeScript file, it gives me an error "Cannot find module".
If I use commonJS syntax instead of ES6 it works. I don't understand why, though 😱 Any hint very appreciated.
Hi Everyone, I have build an application in Angular 2 and now I want to deploy it.
Kindly help me out as I am facing issues to deploy the app
Navin Saini
@mannuodesk I have same problem :worried:
Dominik Gätjens
just npm build:prod and copy the created static html+js files into an webserver?
maybe you need to describe your problem with a little more detail
@mannuodesk you need a reverse proxy like nginx, that is pointing to your /dist folder, which is created after running npm:build:prod
npm run build:prod
www.example.com goes to /dist, which renders index.html etc..
Navin Saini
@mannuodesk put your dist folder code into the server root directory where you point your website address.
No extra code need to upload like node_modules,src or package.json file.
All the files are bundled into the dist folder.
I put my dist folder code into root server and its working fine :smile:
Stef Heyenrath

@rjlee7 : you need something like

require('zone.js/dist/proxy'); // since zone.js 0.6.15
require('zone.js/dist/jasmine-patch'); // put here since zone.js 0.6.14

See updated https://github.com/AngularClass/angular2-webpack-starter/blob/master/config/spec-bundle.js

Amit Kumar Verma
Hey i am using angular2-webpack which have angular RC2 . I want to update it but it seems it is breaking my code. Any Notes for updating my project to current version.
node-pre-gyp ERR! Tried to download: https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.0.14/fse-v1.0.14-node-v48-win32-ia32.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for fsevents@1.0.14 and node@6.4.0 (node-v48 ABI) (falling back to source compile with node-gyp)
node-pre-gyp ERR! Tried to download: https://fsevents-binaries.s3-us-west-2.amazonaws.com/v1.0.14/fse-v1.0.14-node-v48-win32-ia32.tar.gz
node-pre-gyp ERR! Pre-built binaries not found for fsevents@1.0.14 and node@6.4.0 (node-v48 ABI) (falling back to source compile with node-gyp)
99% Cocoa
@StefH thanks for the response! but the two lines were already in the spec-bundle. If you kindly have any other suggestions..
Cristian Eriomenco
@cristian-eriomenco you'd have to use System.builder along with something like gulp... https://github.com/mgechev/angular2-seed
Cristian Eriomenco
@qdouble So that said systemjs doesn't work-out itself where to look for modules, if i'm inside 'dist' folder?
@cristian-eriomenco creating production builds is a bit complicated with systemjs (which is why most of the community uses webpack for production), you'd have to study that repo I linked you to as far as seeing the strategy they use
Cristian Eriomenco
@qdouble Hmm, so tbh I get a feeling that apart from all the power that webpack provides, its been used because its easy to have a "bundle.js" file and not be bothered with lazy module loading
@qdouble Am I right, or thats a false feeling?
@cristian-eriomenco you can lazy load modules with webpack... but generally, probably the main reason it's popular is because it's very easy to create bundles... I tried for like 2 days when I first started on SystemJS and gave up
Cristian Eriomenco
@qdouble Funny enough, I've already spend a couple of days trying to work it out and have no clue, how its meant to be referencing dependencies like (/node_modules/...) from dist folder without copying them inside.