problem z uruchomieniem Angulara w npm

Question

Witajcie. Postanowiłem nauczyć się Angulara iu już na samym początku pojawił się problem, ponieważ środowisko uruchomieniowe nie chce ze mną współpracować. Gdzie leży pies pogrzebany? 

Comments

Masz w folderze plik package.json?

---

No właśnie nie mam, ale cały projekt ściągnąłem ze strony Angulara. Na Lampie wszystko smiga

Answer 1

Nie da się odpalić npm start bez posiadania package.json. Wszystkie skrypty npm definiuje się w końcu w tym pliku.

Comments

Już wiem o co chodzi. Zamiast ściągnąć paczkę z Githuba, ściągnąłem stąd: http://plnkr.co/edit/?p=preview , ale już działa. Prosiłbym jednak o niezmykanie tematu, jeśli pojawią się w mojej głowie nowe pytania na ten temat, to nie będę już zakładał nowego tematu. Korzystając z okazji zadam jeszcze jedno pytanie - jeżeli mam Lampa, to lepiej odpalać Angulara na nim, czy na npm?

---

Nie da się odpalić czegokolwiek na npm, bo to tylko menager pakietów, podczas gdy LAMP to pakiet zawierający serwer HTTP. To zupełnie dwie różne rzeczy.

---

No to na node. Źle się wyraziłem

---

To w gruncie rzeczy jeden kij. Na czym Ci wygodniej prawdę mówiąc.

---

No i pojawił się kolejny problem. po wpisaniu [i]npm start[/i] strona normalnie się uruchamia, ale zmienia się zawartość projektu, np. plik app.component.js zamienia się na coś takiego:

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var core_1 = require('@angular/core');
var AppComponent = (function () {
    function AppComponent() {
    }
    AppComponent = __decorate([
        core_1.Component({
            selector: 'my-app',
            template: "<h1>Hello Angular!</h1>"
        }), 
        __metadata('design:paramtypes', [])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;
//# sourceMappingURL=app.component.js.map

 

Jak wtedy edytować taki plik?

---

Wygląda jakby jakiś transpiler to dorwał.

---

Dodatkowo, chciałem wykonać ten tutorial: https://angular.io/docs/ts/latest/tutorial/toh-pt1.html

Próbowałem go uruchomić na Lampie, ale nie działał, próbowałem także przekopiować kod ze strony, ale bez skutku. Próbowałem przekopiować zawartość pliku component i module do poprzedniego projektu, ale też nie przyniosło to skutku.