'App / hero.ts' dosyası konsolda bir modül hatası değil, nerede dosyaları açısal2 ile dizin yapısında saklamak için?

angular2Bu adreste öğreticiyi yapıyorum : https://angular.io/docs/ts/latest/tutorial/toh-pt3.htmlhero Arabirimi appklasörün altında tek bir dosyaya koydum , konsolda bu hata var :

app/app.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.
[0] app/hero-detail.component.ts(2,20): error TS2306: File 'app/hero.ts' is not a module.

Arayüz dosyamı bir kahraman klasörüne koyarsam hata kaybolursa, bu dokümantasyonda belirtilmez, içe aktarma işlemimde sorun nedir?

Benim ithalat direktifim (bileşen dosyalarının başlangıcında) app.components.tsve hero-detail.component.ts:

import {Component} from 'angular2/core';

import {Hero} from './hero';

İçe aktarma yönergemi şu şekilde değiştirmeli miyim : import {Hero} from './'; veya kodu bir kahraman klasörüne koymalı mıyım?

Kodu yazdığınız düzenleyiciyi (VS kodu veya Yüce) yeniden başlatmayı deneyin. Derleyin ve tekrar çalıştırın. Ben de aynısını yaptım ve işe yaradı.

Bu, düzenleyicinizden yeni bir sınıf eklediğinizde veya açısal kırpma hizmetinizi çalıştırmaya devam ettiğinizde olur. Aslında düzenleyiciniz veya 'ng sun' komutu yeni oluşturulan dosyaları bulamayabilir.

Arayüz için ihracat anahtar kelimesini unuttum çünkü aynı öğretici aynı hatayı aldım .

muhtemelen sınıf tanımına "Dışa Aktar" eklemeyi unutmuşsunuzdur.

->

export class Hero {
     id: number;
     name: string;
   }

Ayrıca şunu deneyin:

export {Hero} 

hero.ts sınıfınızın en altına gidin ve son olarak büyük harfli dosya adını ve sınıf adını kontrol edin.

Bunun nedeni, dosyaları oluşturduktan sonra kaydetmemenizdir.

Editör'deki "Tümünü Kaydet" i tıklayarak tüm dosyayı kaydetmeyi deneyin.

Mavi renk kullanılarak gösterilen "Dosya" menüsünün altına bakarak kaydedilmeyen dosya sayısını görebilirsiniz.

İşlemimi yeniden başlatmak benim ng serveiçin çalıştı

Stackblitz'te aynı hatayı alan insanlar için

IDE'nin sol kenar çubuğunda bir Bağımlılık sekmesi bulacaksınız . Bunun yanındaki yenile düğmesini tıklamanız yeterlidir.

Projeme yeni bir dosya eklediğimde yaşadığım gibi, ng sunucusunu durdurup yeniden başlatmam gerekiyor.

Öğretici, tüm bileşenleri ve arabirim dosyasını aynı dizine './hero'koymanızı sağlar, bu nedenle başka bir yere taşımak isterseniz , göreli içe aktarma bunu değiştirmeniz gerekir.

Düzenle: Kod yine de çalışabilir, ancak derleyici yanlış bir konumdan alma girişiminde bulunduğunuz için şikayet edecek. İçe aktarmayı yapınıza göre değiştiririm. Örneğin:

app/
  component1/
    component1.ts
  compnent2/
    component2.ts
  hero.ts

Ben sadece ithalat değiştirmek istiyorum import {Hero} from '../hero'.

Bu hata, ng serve yeni eklenen bir dosyayı otomatik olarak . Bunu düzeltmek için sunucunuzu yeniden başlatmanız yeterlidir.

Metin düzenleyiciyi veya IDE'yi yeniden açmayı kapatmak bu sorunu çözse de, birçok insan projeyi yeniden açmanın tüm stresinden geçmek istemiyor. Metin düzenleyiciyi kapatmadan bunu düzeltmek için ...

Sunucunun çalıştığı terminalde,

• ctrl+CSunucuyu durdurmak için düğmesine basın ,
• Sunucuyu yeniden başlatın: ng serve

Bu işe yaramalı.

Aynı sorunla karşılaştım.

Sunucumu yeniden başlattım ve iyi çalışıyor. Bir böcek gibi görünüyor.

sunumu yeniden başlat

Aynı sorunu yaşadım. Hatayı aramak için hatayı seçtim ve yanlışlıkla bir CTRL + C (kopyalamak için anlam) yaptım, bu da hizmet sonlandırıldı. Sunumu yeniden başlattığınızda hata kayboldu :). Bazen yazım hataları ve şişman parmaklar yardımcı olur ;-)

Editör sorunu. Açısal CLI kullanmayan yeni dosyalar oluşturduğunuzda, Düzenleyicinin yeni değişikliklerinizden haberdar olması için Dosya> Tümünü Kaydet (VS Kodu) bölümüne gittiğinizden emin olun. Sonra tekrar "ng serve --open" komutunu çalıştırın. Benimkini çözdü. Umarım yardımcı olur

VSC'de de aynı sorunla karşılaştım. Düzenleyiciyi yeniden başlattı ve uygulamayı yeniden başlattı. İyi çalıştı.

Ben sadece iyi bir derleme alabilir önce Visual Studio Code ama düğüm sunucusu işlemi de yeniden başlatmak zorunda olduğunu bulundu.

Aynı sorunla karşı karşıya kaldım, sunucumu yeniden başlatmayı, editörü yeniden açmayı denedim ama bilgisayar yeniden başlatmayı büyü yaptı.

Not: Windows makinesinde sorunla karşı karşıya kaldım ve modülü yeni bir klasöre taşıdığımda sorun oluştu.

Benzer bir sorunum vardı. Yazdığım kahraman yerine Hero

aşağıdakileri içe aktarın:

import { Hero } from '../Hero';

Bazen bu hata .ts dosyası kaydedilmediğinde oluşur. Bu nedenle, projedeki tüm dosyaların kaydedildiğinden emin olun, aksi takdirde editörü yeniden başlatmayı deneyin.

Komut istemini açın, uygulama klasörüne gidin, ör. D:\angular-tour-of-heroes\src\app

Ardından aşağıdaki komutu kullanarak yeni bir dosya oluşturun:

ng generate class hero

Bu bir hero.tsdosya oluşturur . Sonra dışa aktarma kodunu yapıştırabilirsiniz ve hata gitti.

Tüm dosyaları kaydetmelisiniz. Örneğin, html, css, component.ts, modül, model dosyaları. Her dosyayı açın ve ctrl-S tuşlarına basın. Bu benim için çalıştı

Benim durumumda 'app / hero.ts' dosyasındaki değişiklikleri kaydetmeyi unutmuştum, kaydettikten ve hizmeti yeniden başlattıktan sonra sorun çözüldü.

Kararım,

Benim durumumda bir model dosyası oluşturdum ve boş bıraktım,

başka bir modele aktardığımda bana hata veriyor. bu yüzden bir model typescript dosyası oluştururken tanımı yazın.

değişiklik

import{observable} from 'rxjs/observable'; 

için

import{observable} from 'rxjs';

derlemeden önce .TS dosyasını kaydettiğinizden emin olun.

sınıfı dışa aktarmadan önce bunu ekle

@Injectable({
  providedIn: 'root'
})