AngularClass/angular2-webpack-starter

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

Sam Jones

@ollwenjones

in typings.json ambientDependencies

"lodash": "github:DefinitelyTyped/DefinitelyTyped/lodash/lodash.d.ts"

Aleš

@fxck

ok @ollwenjones and what if you wanted to import only one function, say lodash/merge

import ‘lodash'; does not complain, and _.merge is there

import ‘lodash/merge'; does not complain, but _.merge is not there

import merge from ‘lodash/merge'; complains that Cannot find module 'lodash/merge’, same with import { merge } or import * as merge

Sam Jones

@ollwenjones

ah, that is trickier... I'm not pro at TypeScript imports... I wonder if there are some examples in this starter for RxJS though... just a sec.

Aleš

@fxck

here it works https://github.com/reactjs/redux/blob/master/examples/real-world/reducers/index.js#L2 but they are using babel, not typescript

Sam Jones

@ollwenjones

seems like the version of lodash they are importing would have to have some exported member 'merge' at that location.

sorry once again I know just enough to be not very helpful

I would have guessed import * as merge from 'lodash/merge' would have worked... except you don't want a bare object merge you want _.merge

is lodash/merge the actual location in node_modules? ~~doesn't seem to be in my case~~

yes it is, nevermind

Sam Jones

@ollwenjones

and it even has module.exports = merge;

Aleš

@fxck

yea

it should work

Sam Jones

@ollwenjones

I wonder if it's a bug in the ts-loader?

mine Cannot find module 'lodash/merge'.

Sam Jones

@ollwenjones

@fxck maybe not ideal, but as a workaround an old fashioned webpack require call works:

var merge = <any>require('lodash/merge');

Ross Patterson

@rpatterson

How can I get npm run test to fail (exit code >0) if test coverage is too low?

Nathan Smith

@nathasm

Is there a way to fix/avoid all Duplicate identifier errors on master?

Mika I.

@mikatalk

Hey this is a nice project, seems really well put together for a beginner like me :P

any idea what this could be from? http://i.imgur.com/yOZ4c1f.png

Jamie Spittal

@Spittal

@mikatalk There’s an issue for that

AngularClass/angular2-webpack-starter#436

Mika I.

@mikatalk

oh thanks

would by chance know of an example repo to get started with webpack/typescript and ThreeJS?

Jamie Spittal

@Spittal

Sorry, I don’t.

Ross Patterson

@rpatterson

How can I get npm run test to fail (exit code >0) if test coverage is too low?

Anyone?

Nathan Smith

@nathasm

Are there examples of how to add a .js based project to starter? Something like primeng? When I add the typings file to tsconfig.json but during compile I get a bunch of warnings like:

WARNING in ./~/primeng/components/datagrid/datagrid.js
Cannot find source file 'datagrid.ts': Error: Cannot resolve 'file' or 'directory' ./datagrid.ts in /Users/nsmith/projects/cohortable/node_modules/primeng/components/datagrid

Anas R. Firdousi

@afirdousi

I created an extra folder called "data" within assets folder. It's not being copied in the final output and hence I am not able to reference anything from that folder.

Anyone knows how to solve this ?

Aleš

@fxck

so, with 4.0.0, what providers go here https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/main.browser.ts only angular2’s, or 3rd party as well

it’s little confusing

and which go here https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/main.browser.ts#L25

Aleš

@fxck

oups, the first link was supposed to be https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/platform/browser/providers.ts

Jamie Spittal

@Spittal

I believe they are split up so you can have deps that are browser specific y’know things that inject DOM and window stuff

then there is the file that just bootstraps the stuff from the browser platform

but if you have providers for example a web worker you might want to bootstrap that with some other platform dependancies.

Aleš

@fxck

yea, but I’m still not sure what belongs where, according to this https://github.com/AngularClass/angular2-webpack-starter/issues/454#issuecomment-199421596 only angular/vendor stuff belongs there

but

he’s putting there this as well https://github.com/AngularClass/angular2-webpack-starter/blob/master/src/platform/browser/directives.ts#L32

also I have some vendor providers that require some of my code(ngrx/store providerStore requires my reducers).. so where should that go?

Jamie Spittal

@Spittal

Yeah fair enough actually… I’m having a little trouble knowing where to put my deps as well...

ryneflood

@ryneflood

hey guys i'm running into a REALLY frustrating bug; it appears intermittently and seems to be random, as removing different parts of my app will fix it, but then then replacing the exact same code will work for a while, and then fail (what seems to be) randomly again

the same code also works fine when in a JSPM based build

This message was deleted

anyone around that can give me any suggestions on how to fix? started a week or so ago when I upgraded from around the beta.8 versions. In the mean time I've tried starting from a fresh copy of the starter, it'll work fine for a while but eventually it'll fail on that error. Sometimes it'll fail after just adding a new <div> to an HTML template

eventually the error is on this line: modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));

ryneflood

@ryneflood

i've turned off the "Hot Module Replacement" stuff; seemed to help for a minute (it worked first try after I turned it off). But then error is back after killing the server and restarting it

it errors out before it gets to any code in main.browser.ts so it seems likely that it has nothing to do with any angular code

texirv0203

@texirv0203

@all in webpack how to point to two different sites like web.cars.com or mobile.cars.com, after build

Where communities thrive

People

Repo info

Activity