AngularClass/NG6-starter

Starter for Angular + ES6 + Webpack

Nesiri Doenzo

@nesiri

another issue i've experienced for JSPM version is when i've built the app and tried to serve it, i'm getting the ff error

Error: [$injector:unpr] Unknown provider: tProvider <- t

This is only on the minified version

Using app.js instead of app.min.js works well

Sergey Protko

@fesor

@nesiri you should annotate your injectables (by hand or using ngAnnotate)

Nesiri Doenzo

@nesiri

@fesor thanks! that solved it

adi carmel

@adica

anyone have working version of Modal with "angular-ui-bootstrap"?

Luis Naia

@darkbls

Hi all, I'm having an issue with trying to use a directive that is restricted to 'A'. Works fine if it is of type element, but not attribute or class. Any ideas why?

Luis Naia

@darkbls

got it nvmd

Sergey Protko

@fesor

@adica yep, everything like in docs.

@darkbls can you provide more details?

adi carmel

@adica

@fesor tnx for your replay. do you mean docs of "angular-ui-bootstrap"?

Sergey Protko

@fesor

@adica yep

adi carmel

@adica

@fesor i saw this example: plunker ,
but they use it with "<script type="text/ng-template">" and without component approach

adi carmel

@adica

sorry - broken link : https://angular-ui.github.io/bootstrap/#/modal

Sergey Protko

@fesor

@adica there is nothing wrong with inline templates, and you can yous whatever you like inside.

Luis Naia

@darkbls

@fesor No worries, at the time it seemed something was off and I was running out of options, when in fact I was running a different version of my code. (and was probably too tired).

however I do have a somewhat different question, how do I use images with the ng6 starter and webpack? This is my corrent webpack config: https://gist.github.com/darkbls/48df72d35ed20ccd16386c2c964356bf

Luis Naia

@darkbls

images are under ./assets/img

i.e. <img src='/assets/img/logo.png'> -> not found

Luis Naia

@darkbls

A bit confusing, I haved managed to work it out, and eventually loaded the image in a controller constructor like: this.logo = require("./../../../../assets/img/logo.png");

and <img src="{{ vm.logo }}"/>

Luis Naia

@darkbls

How did any of you resolved the issue with using images in your application without always: having to require it on a per controller basis, using relative paths?

Andrew Lombardi

@kinabalu

hey where would I put images and things that I wanted to reference in my code?

Sergey Protko

@fesor

@kinabalu whereever you want

read documentation for file-loader and url-loader

Andrew Lombardi

@kinabalu

@fesor i guess what I’m asking though, is this something special that has to be put into the webpack?

or is it already in there and I just have to create an images directory or whatever

Andrew Lombardi

@kinabalu

@fesor i read, thanks

Shaun O'Brien

@areologist

anyone know if it's possible to import things like less, sass, assets.. in .js files using Browserify instead of Webpack?

I have a really nice project setup and now I'm being told I can't use Webpack, only Browserify, and believe me I've put up a fight but to no avail.

used to use Browserify but never in an angular 1.5 component style app where the associated .styl and template are included using ES2015 imports.

Sergey Protko

@fesor

@areologist https://github.com/wilson428/node-lessify

Shashank Patel

@shashank0202

hello guys

i need some help . after following all the steps defined here https://github.com/AngularClass/NG6-starter . it not working. its showing blank webpage

Shaun O'Brien

@areologist

@fesor Awesome. Thank you!

@shashank0202 Anything in the JS console?

denlab

@denlabs

Hey all after cloning ng6 and installing deps, I'm seeing this error trying to run any gulp tasks:
'''
ERROR in ./~/css-loader!./~/stylus-loader!./client/app/app.styl
Module build failed: TypeError: /Users/dl/dev/ng6/client/app/app.styl:4:1
1| .app
2| height 100%
3| background-color $lightBgColor
4|
------^

Path must be a string. Received undefined
'''

any ideas? never used webpack/stylus before, so a bit lost here...

Sergey Protko

@fesor

This is strange

denlab

@denlabs

ah, it looks like stylus-loader 1.x.x not working well with stylus 0.54, bumping stylus-loader to ^2.0.0 seems to fix it

Sergey Protko

@fesor

@denlabs good to know. Probably I should fix dependency issue. Thanks.

denlab

@denlabs

@fesor np, but fyi, I included a dep for stylus in my package.json too "stylus": "^0.54.5",

Mike Lopez

@Mikodes

hello , can any tell me how to use a javascript lib , im tring to use photoswipe but cant !

Gavin Cosgreave

@gcosgreave_twitter

Anyone have any clue as to the best way to add bootstrap to ng6 starter?

fourmisz

@fourmisz

I got same error @denlabs

ERROR in ./~/css-loader!./~/stylus-loader!./client/app/app.styl
Module build failed: TypeError: /home/phillip/github/NG6-starter/client/app/app.styl:4:1
   1| .app
   2|   height 100%
   3|   background-color $lightBgColor
   4| 
------^

Path must be a string. Received undefined

Dale Inverarity

@diit

Best way to add in ngprogress?

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)

Where communities thrive

People

Repo info

Activity