Przejdź do głównej zawartości

Angular2 + Moment.js library with Visual Studio 2017 .Net Core 2.0

Hey there!
Recently I was facing problem with adding MomentJs library to Angular2 in .net core 2.0 project.
 I'm using Visual Studio 2017 15.3.3.
 (https://www.visualstudio.com/pl/thank-you-downloading-visual-studio/?sku=Community&rel=15)


  1. Create new test project


2. Use Web -> Angular template 

3. Compile and run in chrome to check that everything is ok. 

4. Edit package.json. At the end of "dependencies" add new line: 
"moment": "2.18.1"


5. Edit tsconfig.json file,
At "compilerOptions" add: "allowSyntheticDefaultImports": true,



6. Edit home.component.ts and add:

import * as moment from 'moment';

and the constructor.
    constructor() {
        try {
            console.log("test");
            let now = moment().format('LLLL');
            console.log(now);
        } catch (e) {
            console.log(e);
        }
    }

set breakpoints





and enjoy Moment library! 




Komentarze

Popularne posty z tego bloga

W Moskwie policja zatrzymała niemal trzeźwego kierowcę.

Kilkakrotnie przeprowadzone badanie alkomatem wykazało 3 dziesiędziomiliardowe części promila alkoholu w wydychanym powietrzu. W Moskwie pobito zatem rekord trzeźwości podczas prowadzenia pojazdu. W 1987 zatrzymano rowerzystę, u którego pomiar wykazał 7,4 miliarodowych części promila. Zatrzymany Mikołaj J. tłumaczył się policji, że właśnie wybiera się na spotkanie z kolegami z czasów służby w Marynarce. Nie pomogły jednak tłumaczenia. Mężczyźnie tymczasowo zatrzymano prawo jazdy oraz odwieziono go do najbliższego baru, gdzie obowiązkowo spędzi najbliższą noc. Zatrzymanie było elementem zorganizowanej akcji przeciwko trzeźwości na drodze. Pomimo licznych apeli policji, pod kołami samochodów prowadzonych przez trzeźwych kierowców giną co roku w Rosji setki pieszych. Trzeźwi kierowcy są sprawcami przeszło 90% wszystkich kolizji i wypadków drogowych.