Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 15 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
Mark Oliver
@invegat
npm run server:prod fails at least for modern npm 4.1.2 and node 6.9.5.
LAADHARI
@pabx06
hi
is there a way to get more helpfull error/stackTraces than the default zone.js:error ?
jeewendra kumar
@jeewendrakumar
Hi Everyone. Have one question. How do you reload a route after API call. navigateByUrl not working
Muhammad Ali Makhdoom
@14Muhammad

Hello,
can you help me with webpack 2 angular 2 ?
I purchased this dashboard..
https://wrapbootstrap.com/theme/sing-app-web-angular-2.0-dashboard-WB0J6BJ85

I want to add DevExtremeModule in it
but I am having issuewith loading fonts inside the css
let me know if you can help

I'm loading DevExteme css files in application.scss
like this

@import '~devextreme/dist/css/dx.common';
@import '~devextreme/dist/css/dx.spa';
@import '~devextreme/dist/css/dx.light.compact';

its loading and getting css

but inside that dx.light.compact.css file , devExtreme loading its own fonts
but webpack not consider those and I have console error
http://localhost:3000/icons/dxicons.ttf
404 (Not Found)
did you get the issue ?
somehow I want to make url relative which is inside the css file..

@font-face {
font-family: 'DXIcons';
src: url(icons/dxicons.woff) format('woff'), url(icons/dxicons.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

A little light will be appreciated ..

Muhammad Ali Makhdoom
@14Muhammad

Hello,
can you help me with webpack 2 angular 2 ?
I purchased this dashboard..
https://wrapbootstrap.com/theme/sing-app-web-angular-2.0-dashboard-WB0J6BJ85

I want to add DevExtremeModule in it
but I am having issuewith loading fonts inside the css
let me know if you can help

I'm loading DevExteme css files in application.scss
like this

@import '~devextreme/dist/css/dx.common';
@import '~devextreme/dist/css/dx.spa';
@import '~devextreme/dist/css/dx.light.compact';

its loading and getting css

but inside that dx.light.compact.css file , devExtreme loading its own fonts
but webpack not consider those and I have console error
http://localhost:3000/icons/dxicons.ttf
404 (Not Found)
did you get the issue ?
somehow I want to make url relative which is inside the css file..

@font-face {
font-family: 'DXIcons';
src: url(icons/dxicons.woff) format('woff'), url(icons/dxicons.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

A little light will be appreciated ..

Mark Oliver
@invegat
Do you have " {
test: /.(eot|woff2?|svg|ttf)([\?]?.*)$/,
use: 'file-loader'}" in webpack.common.js?
Muhammad Ali Makhdoom
@14Muhammad
@invegat , yes
I have following rules, let me know if I'm missing something
rules: [
        /*
         * Typescript loader support for .ts and Angular 2 async routes via .async.ts
         * Replace templateUrl and stylesUrl with require()
         *
         * See: https://github.com/s-panferov/awesome-typescript-loader
         * See: https://github.com/TheLarkInn/angular2-template-loader
         */
        {
          test: /\.ts$/,
          use: [
            '@angularclass/hmr-loader?pretty=' + !isProd + '&prod=' + isProd,
            'awesome-typescript-loader?{configFileName: "tsconfig.webpack.json"}',
            'angular2-template-loader',
            'angular-router-loader?loader=system&genDir=compiled/src/app&aot=' + AOT
          ],
          exclude: [/\.(spec|e2e)\.ts$/]
        },

        /*
         * Json loader support for *.json files.
         *
         * See: https://github.com/webpack/json-loader
         */
        {
          test: /\.json$/,
          use: 'json-loader'
        },

        { test: /\.scss$/, use: ['raw-loader', 'sass-loader'] },

        { test: /\.(woff2?|ttf|eot|svg)$/, use: 'url?limit=10000&name=[name].[ext]' },

        // Bootstrap 4
        { test: /bootstrap\/dist\/js\/umd\//, use: 'imports?jQuery=jquery' },

        /*
         * to string and css loader support for *.css files
         * Returns file content as string
         *
         */
        {
          test: /\.css$/,
          use: ['to-string-loader', 'css-loader']
        },

        /* Raw loader support for *.html
         * Returns file content as string
         *
         * See: https://github.com/webpack/raw-loader
         */
        {
          test: /\.html$/,
          use: 'raw-loader',
          exclude: [helpers.root('src/index.html')]
        },

        /* File loader for supporting images, for example, in CSS files.
        */
        {
          test: /\.(jpg|png|gif)$/,
          use: 'file-loader'
        }
      ]
Muhammad Ali Makhdoom
@14Muhammad
@invegat :: did you notice any issue with the pasted code above ?
Mark Oliver
@invegat
As far as I know all you need to do is use file-loader to get your fonts sent to the output, and just name the fonts you are using without any path info at all
I am using the bootstrap fonts that way
Mark Oliver
@invegat
It doens't matter where the fonts are stored as long as webpack can find them, mine are at "src\assets\fonts\"
Muhammad Ali Makhdoom
@14Muhammad
http://prntscr.com/e8z02u
webpack startup is having error
please check
Muhammad Ali Makhdoom
@14Muhammad

Hello,
can you help me with webpack 2 angular 2 ?
I purchased this dashboard..
https://wrapbootstrap.com/theme/sing-app-web-angular-2.0-dashboard-WB0J6BJ85

I want to add DevExtremeModule in it
but I am having issuewith loading fonts inside the css
let me know if you can help

I'm loading DevExteme css files in application.scss
like this

@import '~devextreme/dist/css/dx.common';
@import '~devextreme/dist/css/dx.spa';
@import '~devextreme/dist/css/dx.light.compact';

its loading and getting css

but inside that dx.light.compact.css file , devExtreme loading its own fonts
but webpack not consider those and I have console error
http://localhost:3000/icons/dxicons.ttf
404 (Not Found)
did you get the issue ?
somehow I want to make url relative which is inside the css file..

@font-face {
font-family: 'DXIcons';
src: url(icons/dxicons.woff) format('woff'), url(icons/dxicons.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

A little light will be appreciated ..

Mark Oliver
@invegat
Do you have dxicons.ttf where you are specifing it exists in "icons"?
Ahmad Abdullah Tariq
@ahmadabdullah247
@ryansonshine That is exactly what I was looking for. Thanks
GOVINDA ALWANI
@govi2010
hello
I am developing angular 2 app
i have problem with routing
i am using PathLocationStrategy
If i type in my url in browser then its gives me error of 404
on local system localhost it redirects me to "" routs
has anyone faced this issue
acostaf
@acostaf
Hi Everybody, anyone know how to exclude services from Treeshaking, I am building a library package and Treeshaking is excluding my services since are not imported
Ryan
@ryansonshine
@acostaf are you using angular-cli?
Mark Oliver
@invegat
Instead of SASS why not more support for Stylus + Rupture? https://github.com/jescalan/rupture http://stylus-lang.com/docs/js.html
drlukeangel
@drlukeangel
Does anyone know why people are starting to include the + before the custom folder names for instance in this project the +detail
matthew harwood
@matthewharwood
it's nomenclature for "route"
So it's not really a component persay but rather a composition of components
that for a route
Everything is a component but routes are a bit special and we want them at the top of our directories
Josh Elias
@JoshElias
@jimitndiaye I think you're responding to the wrong person :S
drlukeangel
@drlukeangel
great thanks @matthewharwood !
Josh Elias
@JoshElias
@jimitndiaye my question was about the Router
lomboboo
@lomboboo
hi everyone. Can someone provide a link that shows how to deal with 3rd party libraries (whatever type) in starter? I found only how to do this with popular libraries like jquery, bootstrap.
Andrey Konstantinov
@avkonst_twitter
Hi, I have attempted to add external css file (leaflet.css) via "@import 'leaflet/dist/leaflet.css';" (i.e. I have followed the instructions for the example with bootstrap.scss). Unfortunately, I have got the problem: ERROR in ./~/css-loader!./~/sass-loader/lib/loader.js!./src/styles/styles.scss
Module not found: Error: Can't resolve './leaflet/dist/leaflet.css' in 'D:\Projects\UI\angular2-webpack-starter\src\styles'
can somebody help me, please?
when I add @import '/leaflet/dist/leaflet.css'; it compiles, but the css file is not loaded in runtime and not placed into dist folder.
Girish Rathod
@RathodGirish
Hi guys I need some help. I am using https://github.com/ng2-ui/ng2-datetime-picker for datetime picker
But it only works when I use type="date" in input field.
              <input class="form-control"
                  id="DateAvailable" name="DateAvailable" placeholder="Date" type="date" #DateAvailable="ngModel" 
                  [ngModel]="property.DateAvailable"  ng2-datetime-picker
                  (change)="propAvailableDateChange()"
                  date-format="MM-DD" 
                  date-only="false" />
I want to open picker on input click.
Please any suggestions?
MrSoviet
@MrSoviet
Small question: Why is jasmine-core in dependencies and DevDependencies list?
Raphael Luchini
@raphaelluchini
Hello folks, seems a dependency update broke something on compiler, anyone experiencing that?
Thuyet Le Van
@tuoitrexuquang
hi Guys, i'm using angular2-webpack-starter repo, but when i upgraded to "webpack": "2.2.1" and "webpack-dev-server": "2.4.1" then watch is not working when i change some code
Could you help me resolve it?
Andrey Konstantinov
@avkonst_twitter
I am observing only question and no answers. Is this project maintained?
Brian Thompson
@brianrt
@MrSoviet I believe that is an error and it should only be in DevDependencies.
jeewendra kumar
@jeewendrakumar
has anyone used ng2-dnd library