Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
Repo info
  • 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
  • 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
Marcos Kichel
how can I properly inject add these css files dependecies, I am new to front-end development, so sorry if its kinda newbie question
I believe it is option 2: "feed it through the webpack bundling (process urls, etc.)"
for static
Marcos Kichel
what about dynamic?
Sam Jones
to process it either import it using PostCSS / SASS / LESS loader, or require it somewhere in the component / module that depends on it
Marcos Kichel
ok, I will google to learn how to to that, thanks :D
Sam Jones
in your JS require('primeui/primeui-ng-all.css'); should do the trick...
Marcos Kichel
Oh, thanks >D
Sam Jones
webpack requires are like commonjs requires.
my fav resource for folks new to webpack:
Marcos Kichel
very usefull!
Sam Jones
Jamie Spittal
Hey anybody know how to get the TsLint things in the console in the latest update?
I miss those from 3.0 :(
@ollwenjones I agree and I've done that but now I can't get the value i'm trying to return in my base file... :(
keep in mind - this is a separate solution from the one I'm gonna be using the code in.
Any thoughts?
Sam Jones
@syberpunk Afraid I've never touched browserify, and not sure what you're saying is happening.
You're not able to require('projectA/moduleNameA') from within project B? Is that what you're saying?
Graham Churchley
I just switched out my systemJs in favor of webpack. Now I don't need system.js, rx.js, the System.config block, or the System.import statement. My index.html is so much cleaner and all the transpiling is done at build time. Isn't this the way it's supposed to be? :smile:
Christophe HOARAU
Hello, I'm new to angular 2 and I started with your great pack. But I don't really understand the platform folder. It seems very complicated to me. And I don't undestand why the browser folder. It doesn't seems to be releated to browser at all. I hope someone coule help me to better understand.
Hi, I am wondering what advantages / disadvantages you guys see in this ng2 seed over mgechev's system.js based one
Tanner Stirrat
hey all, question on webpack's build. I've been using the convention of separate template files, and i've been putting them in the same folder as all of my typescript files. when I built the prod distribution, it stopped being able to find them, because the referenced folder doesn't exist anymore. is there an expectation that template files are going into a static folder?
Graham Churchley
@tstirrat15 I also keep my template files in the same folder. I reference them in templateUrl by name only (no path) and I use the moduleId property to specify a relative file. e.g. moduleId: module.id, templateUrl: 'myFile.tpl.html'
See this post for more details: http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/
Graham Churchley
@tstirrat15 - sorry, I don't think my suggestion will work for you with webpack.
Tanner Stirrat
mmm... My thought is it to just put them in with the static files and reference them that way. At least then I know they'll show up...
Attila Egyed

hi there, is there any documentation on how angular2-hmr works?

and how to use vanilla redux with it? (no rxjs, no ngrx)

Tanner Stirrat

I'm running into a different problem now. I updated to the most recent version of webpack, and I'm getting an error that says:

Error: Cannot resolve 'file' or 'directory' ./app in /home/tstirrat/project-gutenberg/node/src
    Required in /home/tstirrat/project-gutenberg/node/src/main.browser.ts Error: Cannot resolve 'file' or 'directory' ./app in /home/tstirrat/project-gutenberg/node/src
    Required in /home/tstirrat/project-gutenberg/node/src/main.browser.ts
    at ResolutionError.Error (native)
    at new ResolutionError (/home/tstirrat/project-gutenberg/node/node_modules/awesome-typescript-loader/dist/deps.js:281:7)
    at /home/tstirrat/project-gutenberg/node/node_modules/awesome-typescript-loader/dist/deps.js:164:33
    at run (/home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/es6.promise.js:89:22)
    at /home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/es6.promise.js:102:28
    at flush (/home/tstirrat/project-gutenberg/node/node_modules/core-js/modules/_microtask.js:14:5)
    at nextTickCallbackWith0Args (node.js:452:9)
    at process._tickCallback (node.js:381:13)

But I've got app in that directory. ls output:

app  assets  custom-typings.d.ts  index.html  main.browser.ts  npm-debug.log  platform  polyfills.ts  vendor.ts

Any idea what's going on?

Tanner Stirrat
I figured it out. It turned out that the new version relied on an index.ts, which I had deleted, thinking I didn't need it. that meant that main.ts (or whatever its current equivalent is) was trying to import from a module that wasn't well-defined (or something to that effect)
Didier Hartong

Hello, any one knows how to async load a component that has child routes.
This works:

{ path: '/about', name: 'About', loader: () => require('es6-promise!./about')('About') },

But this throws an error:

{ path: '/...',  name: 'Exam',  loader: () => require('es6-promise!./exam')('Exam') },

The error is: "Tried to get instruction before the type was loaded".

An Xie
Could anyone tell me what's the purpose of those index.ts files?
Christophe HOARAU
@ShaneXie it's just the default file when you don't specify any one when you import a folder.
Marcin Wojtczak
Hey everyone! Is there any smart way to update angular2-webpack-starter locally after having it used in an application? I removed the original git folder and replaced with mine git repo
Yaroslav Yakovlev
@zoamel what I did was going through the commits and updating manually. Doesnt look like a way to go but it worked for me :-)
Marcin Wojtczak
@yaroslavya yeah thats the way I'm doing it now but it's a little bit tedious :D
Murhaf Sousli
anyone here?
Anas R. Firdousi
using the starter, I generate a dist folder for my application... When i try to run the application, everything within dist is dispatched to browser except for my vendor folder. I am using express to serve the app on top of this starter.
Screen Shot 2016-04-09 at 1.27.02 PM.png
Screen Shot 2016-04-09 at 1.23.56 PM.png
Screen Shot 2016-04-09 at 1.26.02 PM.png
and I have few references to .js files from vendor/ in my index.html which obviously fail because the vendor folder is never dispatched to the browser.
any idea what am I doing wrong here?
Can anyone give some tips on how to resolve some TypeScript defintiton issues? Having some issues with duplicate identifiers between lib.es6.d.ts, and presumable core-js definitions, such as Duplicate identifier 'PropertyKey'.
I have tried to add the noLib: true to tsconfig.json, but that led to even more issues. Not sure how to go about getting core-js to play nicely with TypeScript when setting the target to es6
Carlos Esteban Lopez Jaramillo
@all Anyone know of good plugins for tables in Angular 2?
Christian Zosel
Hi everyone, i'm just trying to switch to this start from angular2-seed (mainly because of the fast watching, which i really love!). With angular2-seed merging changes made in the seed into my own project was really easy, and i didnt see any mention about that here. How do you stay up-to-date with this starter?
duh, just saw the answer to this in the post by @yaroslavya . does anyone know an easier way to do this?
Hello guys, what would be the native way to install Foundation? Thanks.