Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 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
Cristian Eriomenco
@cristian-eriomenco
@qdouble So I see that the seed project you've linked uses mainly gulp for transpiling, and copying the files yep?
Anthony
@qdouble
@cristian-eriomenco yeah, system builder will create the bundle and gulp will be the task runner.... you probably could also just use npm scripts instead of gulp
Eric Kisner
@exk0730
hi guys, anyone else having issues resolving "Promise" on a freshly-cloned copy of the starter seed?
Eric Kisner
@exk0730
nvm, need to add "core-js" to the types array in tsconfig.json
Clayton K. N. Passos
@netstart
How can i use the seed to share components between multi aplications? It's possible?
Clayton K. N. Passos
@netstart

What is the best practice to share code between projects?
How can I share components between projects?

Below dashboard example should be use components of the eye project, and nose project.

src
├─ eye
│ ├── components
│ │ ├── eye.component.html
│ │ ├── eye.component.ts
│ │ ├── eye.component.css
├─ nose
│ ├── components
│ │ ├── nose.component.html
│ │ ├── nose.component.ts
│ │ ├── nose.component.css
├─ dashboard
│ ├── components
│ │ ├── dashboard.component.html
│ │ ├── dashboard.component.ts
│ │ ├── dashboard.component.css

Other example, to ilustrate

In the structure below, commonaplication need share eye.component and nose.component with bodyaplication and dashboardaplication.
src
├── commonaplication
│ │ ├── components
│ │ ├── eye.component.ts
│ │ ├── nose.component.ts
├── bodyaplication
│ ├── components
│ │ ├── head.component.ts
├── dashboardaplication
│ ├── components
│ │ ├── dashboard.component.ts

Sandeep Ranjit
@ersandeepranjit
can anyone help me to configur the webpack -dev -server to run in MEAN Stack using along with angular class config
Jay
@Web2Integrators
hi I am using material2 branch.I upgraded package json to use rc6 and latest material 2
I am getting this error
main.browser.ts:49 Error: Template parse errors
any help here please?
rvalimaki
@rvalimaki
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
@JonnyBGod
@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
@JonnyBGod
the problem is related to how ts-node works. It uses node importer that does not let you rewrite paths.
kasappasutar
@kasappasutar_twitter
Hi
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
@Bnaya
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
rvalimaki
@rvalimaki
@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.
rvalimaki
@rvalimaki
@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
@ArturKp

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
@ArturKp
Think I got the answer, it's HtmlWebpackPlugin, now I just have to figure out why its not working for me
ashkank83
@ashkank83

@ashkank83
hi all, I'm getting the following error when trying 'npm start for my angular 2 application
'module.js:457
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

Sandria
@andrizmitnick
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
Sandria
@andrizmitnick
btw inside ../src/assets there's service-worker.js, is this service worker already registered?
lghinet
@lghinet
hello is there a guide .. with angular 2 / webpack with multiple chunks ?
like each compoment with their on bundle.js
JeanPaul Attard
@jeanpaulattard

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
@rjlee7
^ same error
Oscar Lagatta
@oscarlagatta
Why would a A2 deployed app won't load when refreshing the page ?
th
thanks
when running locally works when running on the server on IIS won't display the page pointing to a specific component
Oscar Lagatta
@oscarlagatta
Hi what are the considerations to deploying on IIS , do I need to configure IIS to rewrite the URLs in HTML5 mode ?
JeanPaul Attard
@jeanpaulattard
@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
@SekibOmazic

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! code ELIFECYCLE
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
@rjlee7
@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
@ajayak
Is there any sample app using webpack to build nodejs server code written in typescript including tests?
Marinho Brandão
@marinho

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": {
        "*": [
            "./src/*",
            "./generated/*"
        ]
    },
...

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?

BaHXeLiSiHg
@BaHXeLiSiHg
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
@marinho
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?