angular2에서 RC4로 마이그레이션 한 후의 문제

debugcn 에 게시 Dev

크리슈 난

Beta-17에서 RC4로 마이그레이션 한 후 몇 가지 문제가 있습니다. 아래 컴파일 오류가 발생합니다.

부트 스트랩 오류

/// < reference path="../node_modules/angular2-in-memory-web-api/typings/browser.d.ts" >
import {bootstrap} from '@angular/platform-browser';
Error: Module "../platform-browser/index" as no exported member bootstrap

라우터 오류

import {ROUTER_PROVIDERS, RouteConfig, ROUTER_DIRECTIVES, RouteParams, ROUTER_BINDINGS} from '@angular/router';
Error: Cannot find module '@angular/router'

라우터가 더 이상 사용되지 않는 것으로 시도했지만 여전히 모듈을 찾을 수 없음 오류가 발생합니다.

import {ROUTER_PROVIDERS, RouteConfig, ROUTER_DIRECTIVES, RouteParams, ROUTER_BINDINGS} from '@angular/router-deprecated';
Error: Cannot find module '@angular/router-deprecated'

기존 라우터가 더 이상 사용되지 않는 경우 라우팅을 구현하는 새로운 방법은 무엇입니까?

다음 문서 URL에서 확인했지만 많은 차이를 알 수 없습니다.

누구든지 이것에 대해 약간의 빛을 공유 할 수 있습니까?

주석에 따라 업데이트 : 새로운 오류 집합

이제 부트 스트랩과 라우터를 모두 가져올 수 있지만 다른 오류가 발생합니다.

Error # 1. RouteConfig를 가져올 수 없습니다.

import { ROUTER_DIRECTIVES, RouterOutlet, RouteConfig } from '@angular/router';
Error: Module "../angular/router/index has no exported member RouteConfig"

하기 위해서는 라우터 사용되지 않는 , 즉에게 경로의 기존 구현 작업을, 나는 가져올 필요 RouteConfig을 . RouteConfig 를 어디에서 가져올 수 있는지 잘 모르겠습니다.

이 외에도 아래와 같이 거의 210 개의 컴파일 오류가 발생합니다. 아래 오류를 검색했을 때 다음 줄을 추가하는 것이 좋습니다.

/// ../node_modules/angular2/typings/browser.d.ts "/>

그러나 마이그레이션의 일부로 이미 아래 줄을 추가했습니다.

/// < reference path="../node_modules/angular2-in-memory-web-api/typings/browser.d.ts" >

오류 :

Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\async.d.ts 34  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\async.d.ts 35  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   9   Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   15  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   16  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   17  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   17  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   18  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   18  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   19  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   19  Active
Error   TS2304  Cannot find name 'Promise'. TypeScript Virtual Projects ..\node_modules\@angular\core\src\facade\promise.d.ts   20  Active


Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\repeat.d.ts   2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\retry.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\retryWhen.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\sample.d.ts   2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\sampleTime.d.ts   2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\scan.d.ts 2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\share.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\single.d.ts   2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\skip.d.ts 2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\skipUntil.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\skipWhile.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\startWith.d.ts    2   Active
Error   TS2664  Invalid module name in augmentation, module '../../Observable' cannot be found. TypeScript Virtual Projects ..\node_modules\rxjs\add\operator\subscribeOn.d.ts  2   Active

이안 벨처

먼저 다음에서 부트 스트랩 기능을 가져 오십시오.

import {bootstrap} from '@angular/platform-browser-dynamic';

둘째, 새 라우터에는 완전히 새로운 API가 있습니다. 즉, 작동 할 때 다른 모듈을 가져 오게되며 사용되지 않는 버전과 완전히 다르게 작동합니다. router-deprecated프로젝트의 beta.17 버전은 대부분 사용되지 않는 라우터와 일치하므로 먼저 버전을 작동 하도록 시도하는 것이 가장 좋습니다 .

라우터 모듈을 찾지 못하는 문제는 로더 매핑 및 / 또는 입력 및 / 또는 tsconfig를 올바르게 설정하지 않은 것처럼 나타납니다. package.json시작으로 Heroes 버전 둘러보기에 대해 로더의 구성 (SystemJS / webpack)과 사용자 의 내용을 확인하십시오 . ng2 버전을 업그레이드하는 경우 문서를 찾아서 업그레이드하기가 매우 어렵 기 때문에 이것이 가장 좋은 방법이라는 것을 알았습니다.

도움이 되었기를 바랍니다!

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-10

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사

angular2에서 RC4로 마이그레이션 한 후의 문제

angular2에서 RC4로 마이그레이션 한 후의 문제

Amazon Linux에서 Ubuntu (EC2)로 마이그레이션 한 후 SSH 문제

2.2에서 3.1로 마이그레이션 한 후 EF Core 문제

Angular2 final로 마이그레이션 한 후 문제-예기치 않은 토큰 <

새 서버로 마이그레이션 한 후 SSH 연결 문제

UTF-8로 마이그레이션 한 후 SSH에서 Linux xterm / rxvt / console의 문제

SQL Server 2012로 마이그레이션 한 이후의 RAISERROR 문제

.net core 3.1로 마이그레이션 한 후 EF OrderBy 문제

TFS 2010을 TFS 2017로 마이그레이션 한 후 문제

jsf 1.2를 jsf 2.2.12로 마이그레이션 한 후 문제

MySQL에서 Postgres로 마이그레이션 한 후 "SEPARATOR"또는 그 부근의 구문 오류 이해

Node.js 앱에서 Amazon S3의 정적 사이트로 마이그레이션 한 후 리디렉션 문제

Wagtail 2.7.1에서 2.7.4 로의 마이그레이션 문제

Apache에서 LiteSpeed 로의 htaccess 마이그레이션 문제

.net Framework 4.5.2로 마이그레이션 한 후 인코딩 문제

12.04에서 14.04로 업그레이드 한 후 libxml2의 문제 원인

ZF3에서 Laminas로 마이그레이션 한 후 Laminas Dependency Plugin을 제거 할 수 있습니까?

elasticseach 6에서 7로 마이그레이션 할 때의 JSON 문제

14.04에서 16.04로 마이그레이션 한 후 아이콘이 너무 큼

Angular2 로의 마이그레이션 맥락에서 AngularJS $ rootScope. $ on 대안

Here SDK v3.15로 마이그레이션 한 후 'WorkManager가 제대로 초기화되지 않음'문제

웹 사이트를 GCP로 마이그레이션 한 후 내부 연결 문제

PyQt4에서 PyQt5로 마이그레이션하는 동안 직면 한 문제

3.2에서 4.1로 마이그레이션 한 후 Spring MVC의 POST 요청이 작동하지 않습니다.

Androidx로 마이그레이션 한 후 디자인보기 및 가져 오기 문제

Windows에서 Linux로 마이그레이션 한 후 나중에 부팅 실패

Pusher Websocket이 Swift 2로 마이그레이션 한 후 연결되지 않음

.NET Core 2.2에서 3.0으로 마이그레이션 한 후 AddJsonFormatters () 누락

Fabric에서 FirebaseCrashlytics로 마이그레이션 한 후 테스트 실패

사내 Exchange 2013에서 Office365로 마이그레이션 한 후 EWS ItemId