inflearn logo
강의

Course

Instructor

Angular Firebase Complete Conquest - PetStore Shopping Mall Project

섹션2 FireBase의 petList활용하기에서 에러나네요

327

idmahoro0695

3 asked

0

설명대로 다운로드받은 폴더에서 복사하고

새로 생성한 프로젝트에 붙여넣기했는데 저도 저 위와 같은 오류문구가 나오네요

./src/app/services/item.service.ts:2:0-41 - Error: Module not found: Error: Can't resolve 'firebase/app' in 'C:\Users\jun\Documents\angular-08liter\angular-petlist\src\app\services'

./src/app/services/item.service.ts:3:0-27 - Error: Module not found: Error: Can't resolve 'firebase/database' in 'C:\Users\jun\Documents\angular-08liter\angular-petlist\src\app\services'

Error: src/app/classes/item.ts:2:5 - error TS2564: Property 'key' has no initializer and is not definitely assigned in the constructor.

2     key: string;

      ~~~

Error: src/app/classes/item.ts:3:5 - error TS2564: Property 'id' has no initializer and is not definitely assigned in the constructor.

3     id: string;

      ~~

Error: src/app/classes/item.ts:4:5 - error TS2564: Property 'name' has no initializer and is not definitely assigned in the constructor.

4     name: string;

      ~~~~

Error: src/app/classes/item.ts:5:5 - error TS2564: Property 'available' has no initializer and is not definitely assigned in the constructor.

5     available: boolean;

      ~~~~~~~~~

Error: src/app/item/item.component.html:4:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

4       <input [(ngModel)]="item.id" placeholder="ID"/>

                            ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

      m               ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.html:4:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

4       <input [(ngModel)]="item.id" placeholder="ID"/>

                            ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

                     ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.html:9:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

9       <input [(ngModel)]="item.name" placeholder="Name"/>

                            ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

                     ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.html:9:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

9       <input [(ngModel)]="item.name" placeholder="Name"/>

                            ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

                     ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.html:14:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

14       <input [(ngModel)]="item.available" type="checkbox"/>

                             ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

                     ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.html:14:27 - error TS2341: Property 'item' is private and only accessible within class 'ItemComponent'.

14       <input [(ngModel)]="item.available" type="checkbox"/>

                             ~~~~

  src/app/item/item.component.ts:8:16

    8   templateUrl: './item.component.html',

                     ~~~~~~~~~~~~~~~~~~~~~~~

    Error occurs in the template of component ItemComponent.

Error: src/app/item/item.component.ts:34:9 - error TS2322: Type 'Item | undefined' is not assignable to type 'Item'.

  Type 'undefined' is not assignable to type 'Item'.

34         this.item = this.itemService.getItem(id);

           ~~~~~~~~~

Error: src/app/services/item.service.ts:4:27 - error TS2307: Cannot find module 'firebase/app' or its corresponding type declarations.

4 import * as firebase from 'firebase/app';

                            ~~~~~~~~~~~~~~

Error: src/app/services/item.service.ts:36:33 - error TS7006: Parameter 'snapshot' implicitly has an 'any' type.

36       this.itemList.on('value', snapshot => {

                                   ~~~~~~~~

Error: src/app/services/item.service.ts:37:27 - error TS7006: Parameter 'snap' implicitly has an 'any' type.

37         snapshot.forEach( snap => {

라고 나고있는데 진행이 안되고있어요

pwa Angular firebase

Answer 1

0

nomad

안녕하세요?

여러 에러 메시지 중 아래를 보면 npm으로 firebase를 설치하셨는지 확인바랍니다.

Error: Module not found: Error: Can't resolve 'firebase/app'

0

idmahoro0695

넵 확인해보겠습니다. 감사합니다.

더백님 감사합니다

1

37

1

39. Main화면 추가 UI 에서 자료는 어디서 받나요??

0

36

1

미션 마감일시를 좀 늘려주세요

0

45

1

개인브랜딩 사이트 만들기가 마감일시가 있었네요.

0

38

1

최종 과제 제출

0

82

3

주사위앱 소개 및 레이아웃 설정 문제

0

59

2

파이어베이스 문의

0

41

2

searchable이 화면 하단에 위치해요

0

61

2

Recoil 에러

0

70

1

cleric.fbx 파일을 열 수 없다는 에러가 뜹니다

0

64

2

강의 15분에 질문드립니다

0

66

2

교육자료 마젠타색

0

65

1

BigQuery 활용편 18강 질문있습니다!

0

84

1

initializeApp 부분에 오류가 납니다.

0

264

1

오류가 납니다

0

216

0

9:12

0

299

2

6:45

0

220

1

2:16 질문

1

471

3

2:15 어디서 카피할 수 있나요?

1

241

1

구문 문의

0

193

2

소스코드를 찾지 못했습니다. 도움 부탁드립니다.

0

214

1

Angualr-Petstore 소스 위치를 알고싶습니다

0

166

1

Database에 petlist가 추가되지 않습니다

0

252

3

enviorenment.ts 파일에 강사님의 api 정보가 포함되어있는거 같습니다.

0

169

1