AngularClass/NG6-starter

Starter for Angular + ES6 + Webpack

Oskar Kosowski

@okosowski

Hi everyone, maybe you can help me, I'm trying to add the entire bootstrap-styl in a clean NG6-starter
I thought that the easiest way is to add something like "import 'bootstrap-style'" to app.js but it does't work at all :( .
in this way I can import only specific files css / style
What is the best way to add bootstrap-styl to project (so that I can ask bootstrap variables in my styles)

Oskar Kosowski

@okosowski

anyone ?

Darth Skywalker

@adityaparab

Why is this error?

/Volumes/UUI/Jedi/gulpfile.babel.js:3
import gulp from 'gulp';
^^^^^^
SyntaxError: Unexpected token import
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:511:25)
    at loader (/Volumes/UUI/Jedi/node_modules/babel-register/lib/node.js:158:5)
    at Object.require.extensions.(anonymous function) [as .js] (/Volumes/UUI/Jedi/node_modules/babel-register/lib/node.js:168:7)
    at Module.load (module.js:456:32)
    at tryModuleLoad (module.js:415:12)
    at Function.Module._load (module.js:407:3)
    at Module.require (module.js:466:17)
    at require (internal/module.js:20:19)
    at Liftoff.handleArguments (/usr/local/lib/node_modules/gulp/bin/gulp.js:116:3)

Brian M

@michaeb

Hi!

Anyone had any luck deploying ng6-starter to heroku?

nikita-bosenko

@nikita-bosenko

Hey everyone! Could you please check out this question and give me a piece of advice?:) http://stackoverflow.com/questions/37809551/how-to-change-navbar-template-on-state-change

Sergey Protko

@fesor

@michaeb what the problem?

Craig Shearer

@craigsh

I'm having problems with the jspm version. I've set up a clean version from the download of the zip, run npm install and jspm update. When I refresh the site with the Chrome dev tools open it stops on an exception in es6.promise.js

Iterator result undefined is not an object

Craig Shearer

@craigsh

I've tried this on a completely separate machine, installed from scratch and it also fails there.

Manoel Freitas

@manoeljosefneto

HELLO GUYS \O/ i'm start to using the ng6-jspm-starter, my question is, does anyone is using it?

Oskar Kosowski

@okosowski

@laedanthehuman It nice to discover how you can write the code. But for commercial project I
suggests write all from zero :)

Sergey Protko

@fesor

@okosowski well... I use ng6-starter in commercial projects, but with webpack

and it tuned for my needs

Manoel Freitas

@manoeljosefneto

@fesor how did you tuned your projects?

Sergey Protko

@fesor

@laedanthehuman less instead of stylus, bootstrap by default, uiRouter 1.0 beta, component as single file (i.e. template + controller + component definition in a dingle js file).

I don't use templateUrl since it allows developers to build large HTML and putting it into js file forces to keep templates small

Manoel Freitas

@manoeljosefneto

@fesor wow, cool i get sass instead of stylus, but i'm don't get bootstrap by default yet

@fesor how do u get that ?

Sergey Protko

@fesor

@laedanthehuman just installed)

Manoel Freitas

@manoeljosefneto

npm install bootstrap o.O

or bootstrap loader ?

Sergey Protko

@fesor

angular-ui-bootstrap + less loader + configure file/url loader to correctly handle icons

Manoel Freitas

@manoeljosefneto

just instaled right ?

Sergey Protko

@fesor

https://github.com/AngularClass/NG6-starter/pull/129/commits/d6306f76c587fb0890e6e8b2d4de203a77dd2157 - most complicated part

Manoel Freitas

@manoeljosefneto

hummm, i see

Hamed Nourhani

@hamednourhani

hi must i use socket.io alongside angular to connect server socket or there is a builltin functionality with ng?

Sergey Protko

@fesor

@hamednourhani nothing builtin, use socket-io

@nikita-bosenko or one of adapter for angular

Demetri Ganoff

@dganoff

Anyone here able to answer a quick question about nesting components with ng6-starter out of the box?

Demetri Ganoff

@dganoff

More specifically I'm wondering at what point do I simply add components to an Angular module rather than create a new Angular module? For example, when I use the gulp component task to create a module and want to add more components related (nested) to that module... Would I simply create aNestedComponent.component.js instead of creating a new Angular module using gulp component --name aNestedComponent

Demetri Ganoff

@dganoff

Anyone?... :)

Sergey Protko

@fesor

@dganoff out of the box?) I use file templates in webstorm)

Demetri Ganoff

@dganoff

Hey @fesor , I actually have the generator working fine. My question was more around the decision to create a new Angular module for a new component or just add it to an existing Angular module

Sergey Protko

@fesor

@dganoff it's up to you. I move components to separate module if and only of I will use it in another project. Or if I have very large application, then I split it to separate modules.

Demetri Ganoff

@dganoff

@fesor So, you typically have just one module for all your components/services in the app (unless they need to be reused in another project)?

smccamley

@smccamley

Hi guys and gal's sorry to be a pain. I've just cloned, installed deps, npm installed and run 'gulp' and I have

/Users/user/.nvm/versions/node/v5.9.1/lib/node_modules/gulp/bin/gulp.js:129
gulpInst.start.apply(gulpInst, toRun);
^

TypeError: Cannot read property 'apply' of undefined
at /Users/user/.nvm/versions/node/v5.9.1/lib/node_modules/gulp/bin/gulp.js:129:19
at _combinedTickCallback (node.js:376:9)
at process._tickCallback (node.js:407:11)
at Function.Module.runMain (module.js:449:11)
at startup (node.js:142:18)
at node.js:939:3

Is there anyone that can help :)

smccamley

@smccamley

No problem here, just needed to remove and reinstall gulp

Thank you if anyone was looking into it for me :)

Javier Ruiz Vázquez

@javarv87

Hey anybody knows how to integrate bower components into my project

Darth Skywalker

@adityaparab

@javarv87 : Yes. What do you want to do?

Javier Ruiz Vázquez

@javarv87

i want to integrate angular-sails and bootstrap

and angular-ui @adityaparab

Javier Ruiz Vázquez

@javarv87

And i want to add and assets folder

for example for de favicon and other images and fonts

Javier Ruiz Vázquez

@javarv87

I could resolve the problem with bootstrap, but i steel with the images path, when i use gulp webpack to production, dont pass my assets folder
I have my project structure like this
client
|--- app
|--- assets
|--- all my images here

EyeAmN8

@mrnatelantz_twitter

Anyone have any issues when running gulp webpack ?
it does not show any errors, but the app doesnt do anything when ran. works from the webpack dev server

Nitin Kumar Mishra

@nitinkumarmishra

Hi guys, am new to web-pack, I have one question how to use font-awesome in project

Sergey Protko

@fesor

@nitinkumarmishra https://github.com/AngularClass/NG6-starter/pull/129/commits/d6306f76c587fb0890e6e8b2d4de203a77dd2157

Where communities thrive

People

Repo info

Activity