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
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.
Ok, so it turned out the bootstrap is much more better alternative, which provides native support for Angular2: https://github.com/valor-software/ng2-bootstrap
DeAndre Johnson
This message was deleted
Tarun Kumar Sukhu
Hi everyone, I am a new to WebPack and Angular2 .. I really love angular2-webpack-starter and have started to get the hang of it. One issue though which I was not able to resolve is to use the dist folder generated from a "npm run build:prod or build:dev" and get it working on a web server like tomcat. I even tried it on CloudFoundry as well but with no success. The browser just shows the "Loading ..." message and the console has just one message "Unknown property '-moz-osx-font-smoothing'. Declaration dropped." , though I think this is not the reason for it not working. Any ideas what am I doing wrong ? do I need to defined something on tomcat like a new "mime-mapping" or something ? Any help will be greatly appreciated .. Thanks
Tarun Kumar Sukhu
Ok .. I was able to get it working on CloudFoundry. Apparently there was an issue in my app components . Here is what I did 1) npm run build:prod 2) made sure it was working using npm run server:prod 3) pushed the dist folder contents to Cloud Foundry using the build pack staticfile_buildpack and it worked fine . This working and deployed on http://angular2-app.cfapps.io/ .. I still could not get it working on tomcat 7 though ..
hi guys, anybody had a chance to use this starter in a hackathon situation? did it work out?
has anyone here tried using ng2-bootstrap ?
Colin Kearns
I am getting an errors trying to run npm run server, cannot find require, cannot find map, cannot find promise, etc, I assume this is a typings problem?
Arnold Krumins
hi Can anybody help on this one? When I run my app with 'npm run server:prod' I get this error. 'zone.js:461 Unhandled Promise rejection: Failed to load %5Bobject%20Object%5D ; Zone: angular ; Task: Promise.then ; Value: Failed to load %5Bobject%20Object%5D'
zone.js:101 GET http://localhost:8080/%5Bobject%20Object%5D 404 (Not Found)