AngularClass/angular2-webpack-starter

An Angular 2 Webpack Starter kit featuring Angular 2, Router, TypeScript, and Webpack by AngularClass

luxury-technologies

@luxury-technologies

Hey guys, working on a node project and after having installed the dependencies I couldn't run the application (my first time) ...

Error: "webpack-dev-server" is not recognized as an internal or external command

Nathan Erickson

@Luwdo

@thomasbee with webpack if you install the css-loader, sass-loader, and style-loader you can target any type of css file for requiring in your TS file, the loader will inject the css into the page. What I like to do is have a main scss file then in the scss file i use an import statement to include my node_module css files @import "~animate.css/animate.css";; and in my main entry ts require('./app.scss');

this would be your css loader config in webpack.config.js

{ test: /\.css$/, loader: 'style!css' }

this would be your scss loader config

{ test: /\.scss$/, loader: 'style!css!sass' }

the ~ on a import statement is a shortcut that tells the loader to look in your node_modules folder

Dave

@aios

Hi! How i can make Laravel 5.2 + Angular2-Webpack-Starter chain? By laravel 5.2 api - and jwt tokens i doesnt make any questions. But Ng2... Anybody can take newspaper where i can read about it. And sorry for bad english.

Dave

@aios

Anybody is hear?

Raj Krishna Maharjan

@roxcity

How to hide # in url in prod mode ?

How can i use pathlocationstrategy instead of # strategy?

Raj Krishna Maharjan

@roxcity

when i put pathlocationstrategy the url localhost:8080/about doesn't work

Nathan Erickson

@Luwdo

I noticed that at no point does the angular 2 starter to a require('angular2'), I don't see an import loader for webpack either that add requires to import statements. Does webpack already recognize the an import statement as a require?

or is it somewhere else that we are requiring angular2

Dave

@aios

I have a simple crud app with api on laravel. Need help with build angular 2 app with webpack. Who can help?

larzknoke

@larzknoke

Hi, providers: [ ...FORM_PROVIDERS ], what means the "..." in the array ?

Aleš

@fxck

it's https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/Spread_operator not sure why it's used there though

larzknoke

@larzknoke

ah thx

Jason Miazga

@jmiazga

i cloned the latest, and when i run 'npm run e2e' i get the following error

SyntaxError: missing ) after argument list
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:404:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:429:10)
at Object.<anonymous> (C:\Users\j136783c\Desktop\angular2-webpack-starter\node_modules\ts-node\src\bin\ts-node.ts:121:12)
at Module._compile (module.js:397:26)
at Object.Module._extensions..js (module.js:404:10)
at Module.load (module.js:343:32)

and ideas?

Tom

@datoml

Hello everyone :)

Has anyone tried redux with angular 2?

Aleš

@fxck

hey @datoml sure, check out this https://github.com/ngrx/store

and its gitter room as well

and here's comparison to redux ngrx/store#16 (tl;dr it's the api same, except ngrx is leveraging ng2's use of rxjs)

Tom

@datoml

@fxck Thanks for the link. I'll have a look at it :)

Zarko Susnjar

@zarkosusnjar

Hi guys,

Anyone knows why would Selenium/Cucumber tests stop working after upgrading from beta.1 to beta.6, and latest starter?
Basically all changes to UI forms are not triggering changes in model driven form control s... :(

binarious

@binarious

It got painfully slow on subsequent builds since I updated to version 3.0.0. Any ideas?

webpack: bundle is now VALID.
webpack: bundle is now INVALID.
5362ms build modules
5ms seal
104ms optimize
30ms hashing
139ms create chunk assets
86ms additional chunk assets
4599ms optimize chunk assets
16695ms optimize assets
43ms emit
Hash: 6fd3c185387ef5015abd
Version: webpack 1.12.14
Time: 28032ms

Raj Krishna Maharjan

@roxcity

anyone here?

binarious

@binarious

nvm I found AngularClass/angular2-webpack-starter#222

Aleš

@fxck

anyone seeing this error?

This message was deleted

Uncaught (in promise) TypeError: object is not a constructor(…)

in undefined:1

which points to chrome-devtools://devtools/bundled/undefined

thomasbee

@thomasbee

does anyone have issues with slowness of the dev build?

thomasbee

@thomasbee

Using just a few classes the seed has become unusable to me, it spends a minute in "90% optimize assets" and then crashes with out of memory

James Pacileo

@jamespacileo

Apologies guys... but how do I add additional dependencies to the base project?

npm install <project_name>

import {...} from "<project_name>/module"

typescript is autocompleting fine, but I'm getting "Source file not found" in the dev server logs

binarious

@binarious

@thomasbee see issue: AngularClass/angular2-webpack-starter#222 There are workarounds.

thomasbee

@thomasbee

@binarious I didn't get any

ah, sorry, scrolling problem

binarious

@binarious

I added:

ts: {
   transpileOnly: true
},

To my webpack config. This made it a lot faster until the ts-loader issue is resolved.

Jason Miazga

@jmiazga

is anyone able to run the e2e tests?

Jason Miazga

@jmiazga

can anyone run

npm run e2e

and let me know if you get any errors?

Giovanni De Stefano

@zxxz

Hello there, I am just getting started with the whole web development thing and angular. The angular2-webpack-starter seems exactly what I need to build my apps but I have a questions: how can I add (and use) external dependencies such as bootstrap, ng2-bootstrap etc. ?

Giovanni De Stefano

@zxxz

My bad, I just found the wiki :-)

Giovanni De Stefano

@zxxz

Hello guys, is anybody actually working on integrating ag-grid? I have found this empty page on the wiki: https://github.com/AngularClass/angular2-webpack-starter/wiki/How-to-include-ag-grid

Where communities thrive

People

Repo info

Activity