Protractor: TS2440: 가져오기 선언이 'PluginConfig'의 로컬 선언과 충돌합니다.

오늘부터 동일한 문제가 발생합니다(Protractor 5.4.2 및 Angular 8 사용)

각도기 5.4.2 및 Angular 8과 동일한 문제

오늘 Typescript 버전을 업그레이드하는 동안 이 문제에 부딪쳤습니다. 우리는 AngularJS를 사용 중이며 Protractor 5.4.1 및 5.4.2 모두에서 발생합니다. Typescript 3.6.4(3.6.x)에서는 오류가 발생하지 않지만 Typescript 3.7.2(3.7.x)에서는 오류가 발생합니다. 이 주요 변경 사항과 관련이 있다고 생각합니다. https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#local -and-imported-type-declarations-now-conflict

고쳐주세요; 우리는 무효 합체가 필요합니다! :)

동일한 문제가 있습니다. 내 프로젝트는 각도기 5.4.2에 있으며 TypeScript 3.7로 마이그레이션하고 싶습니다.

수정 사항을 백포트하는 것이 좋습니다(확실히 작동함).
89fbf75d4103db2cd20fd0c1c4ca7efebc52c049
37bef24331c1012bfc2cc7d3fa259a00e69bd192
마스터에서 5.4.2로

5.4.2는 npmjs.com에서 사용할 수 있는 최신 버전입니다.
6.0.0에는 주요 변경 사항이 포함되어 있으므로 내 프로젝트에 좋지 않습니다.
( https://github.com/angular/protractor/blob/6.0.0/CHANGELOG.md )

CC: @sandersn @heathkit

#5325의 중복

편집: 나는 Angular 팀이 아니라 Typescript 팀에서 일한다는 것을 분명히 해야 합니다. 나는 새로운 5.* 버전을 출판하려고 노력하겠다고 말한 몇몇 팀원들과 이야기를 나눴지만 그 과정이 간단하지 않다고 생각합니다.

오늘 저는 typescript 버전을 3.7.x에서 3.6.x로 다운그레이드했습니다. 잘 작동합니다. 감사합니다 matcasey

@sandersn을 명확히 해 주셔서 감사합니다. 그것은 나의 다음 질문이 될 것이었다. 우리는 흐름 제어에 의존하지 않으며 6.0.0으로 업데이트하려고 시도했지만 게시된 패키지에도 아직 수정 사항이 없는 것 같습니다. 팀의 누군가가 여기에 댓글을 달 수 있다면 좋을 것입니다. 우리가 며칠, 몇 달 또는 그 이상을 이야기하고 있습니까?

편집: 도움을 드리고 싶지만 보류는 새 버전을 출시하는 데 "그냥"인 것 같습니다. :)

편집 2: 우리 시스템의 나머지 부분이 TS 3.7로 옮겨갔기 때문에 저에게 있어 두 가지 단점 중 덜 나쁜 것은 tsconfig: https:// www.typescriptlang.org/docs/handbook/module-resolution.html#path -mapping

@mattcasey 현재 수정 사항이 어떻게 작동하는지 좀 더 자세히 설명해 주시겠습니까? 올바른 내보내기 경로로 index.d.ts 파일을 복사한 다음 경로 매핑을 사용하여 각도기를 새 파일에 매핑하시겠습니까?

업데이트 유형/노드 종속성
npm install -g @types/node@8

유형/노드가 devDependencies 및 종속성에 나열되어 있는지 확인하십시오.

"dependencies": { ... "@types/node": "^8.10.59", ... }, "devDependencies": { ... "@types/node": "^8.10.59", ... }

typescript 3.7.2를 사용하는 모듈에서 이런 일이 발생하는 경우 "as" 문을 사용할 수 있습니다.

import { module as otherModuleName } from "./module"

또는 다른 변수 이름을 사용할 수 있도록 모듈을 기본값으로 내보낼 수 있습니다.

오늘 저는 typescript 버전을 3.7.x에서 3.6.x로 다운그레이드했습니다. 잘 작동합니다. 감사합니다 matcasey

"typescript": "~3.6"을 package.json 파일에 넣은 다음 터미널에서 "npm install"을 실행하면 저에게 효과적이었습니다. 감사 해요!

같은 문제가 있었고 3.6.4로 다운 그레이드하면 작동했습니다.

같은 문제가 여기에, 나는에 있었다 npm uninstall -g typescript 정도의 로컬 버전 것을 tsc 우선 순위를 취할 것입니다. 대신 PATH 를 엉망으로 만들 수 있었는데…

@ woppa684 내 수정은 본질적으로 각도기에 대한 고유한 유형을 만들고 Typescript에 node_modules 내부의 유형을 무시하도록 지시하는 것입니다. 내 protractor.d.ts (내 프로젝트의 test-e2e/protractor.d.ts ) 파일은 다음과 같습니다.

// Note: This stub exists to override Protractor types which are incompatible with TS 3.7 as of 5.4.2 and 6.0.0
declare module 'protractor' {
    let browser: any;
    let element: any;
    let by: any;
    let ExpectedConditions: any;
    let until: any;
    let Key: any;
}

그런 다음 tsconfig에서:

{
  ...
  "compilerOptions": {
    ...
    "paths": {
      "protractor": ["test-e2e/protractor.d.ts"]
    }
  }
}

이를 통해 각도기 메서드가 더 이상 형식 안전하지 않다는 단점이 있는 Typescript 3.7을 사용할 수 있습니다.

우리가 사용한 대안 솔루션은 https://github.com/angular/protractor/pull/5326/ 의 수정 사항을 사용하여 수정된 각도기 빌드 를 만드는 것입니다

우리는 각도기 대신 임시로 사용하는 것보다

// package.json
"protractor": "tomyam1/protractor-ts3.7-fix"

Angular를 사용하는 데브옵스에서 이 문제가 있습니다. 이것은 막 일어나기 시작했습니다. 나는 돌아가서 그것이 효과가 있다는 것을 알았을 때부터 package.json과 package-lock.json을 가져왔습니다.
Angular를 업그레이드했습니다. 몇 가지 다른 typescript 버전을 시도했습니다. 내 로컬 컴퓨터에서는 작동하지만 데브옵스에서는 작동하지 않습니다. 실패한 것은 vs build 부분뿐입니다. npm/ng 항목은 잘 실행됩니다.
모든 것이 내 시스템에서 완벽하게 작동합니다.
https://developercommunity.visualstudio.com/content/problem/855096/npm-ng-suddenly-not-working-conflict-pluginconfig.html

typescript 3.7.2를 사용하는 모듈에서 이런 일이 발생하는 경우 "as" 문을 사용할 수 있습니다.

import { module as otherModuleName } from "./module"

또는 다른 변수 이름을 사용할 수 있도록 모듈을 기본값으로 내보낼 수 있습니다.

@anicarrr , 귀하가 제공한 두 번째 답변에 대한 예를 제공해 주시겠습니까?

모든 사람에게 최상의 솔루션은 아니지만 tsconfig.json에 다음을 추가하여 이 문제를 해결할 수 있습니다.

"skipLibCheck": true

typescript 3.7.2를 사용하는 모듈에서 이런 일이 발생하는 경우 "as" 문을 사용할 수 있습니다.
import { module as otherModuleName } from "./module"
또는 다른 변수 이름을 사용할 수 있도록 모듈을 기본값으로 내보낼 수 있습니다.

@anicarrr , 귀하가 제공한 두 번째 답변에 대한 예를 제공해 주시겠습니까?

내 말은 다음과 같이 내보내기를 의미합니다.

export default myModule

따라서 가져올 때 다음과 같이 원하는 이름을 사용할 수 있습니다.

import whateverName from myModule

이것은 https://github.com/angular/protractor/pull/5326 에서 수정되었습니다

fyi: 그동안 tsc 컴파일러 옵션 "skipLibCheck": true 을 사용하면 이 문제의 영향을 받는 사람들에 대한 충분한 해결 방법이 될 것입니다.

안녕하세요!

버그 신고
다음 오류가 발생합니다.

[at-loader] ./node_modules/protractor/built/index.d.ts:5:10 오류
TS2440: 가져오기 선언이 'PluginConfig'의 로컬 선언과 충돌합니다.

[at-loader] ./node_modules/protractor/built/index.d.ts:5:24 오류
TS2440: 가져오기 선언이 'ProtractorPlugin'의 로컬 선언과 충돌합니다.

• 노드 버전: 10.5.0
• 각도기 버전: ~5.1.2
• 각도 버전: ^4.2.4
• 브라우저: any
• 운영 체제 및 버전 Windows 10
• 각도기 구성 파일

const { 스펙 리포터 } = require('jasmine-spec-reporter');

export.config = {
allScriptsTimeout: 11000,
사양: [
'./e2e/ */ .e2e-spec.ts'
],
능력: {
'브라우저 이름': '크롬'
},
직접 연결: 사실,
baseUrl: ' http://localhost :4200/',
프레임워크: '재스민',
jasmineNodeOpts: {
showColors: 사실,
기본 시간 초과 간격: 30000,
인쇄: 함수() {}
},
준비() {
require('노드').register({
프로젝트: 'e2e/tsconfig.e2e.json'
});
jasmine.getEnv().addReporter(new SpecReporter({ 사양: { displayStacktrace: true } }));
}
};

• 버그 재현 단계 - npm run build 실패

기능 요청
해결할 수 있도록 도와주세요

안녕하세요 SachinBN입니다.

프로젝트에 설치된 Typescript의 버전을 변경해야 합니다. VS Code 터미널에서 아래 명령을 사용하여 버전을 변경합니다(따옴표 제외).

"npm install -g [email protected] "

완료되면 아래 명령을 사용하여 VS Code에서 프로젝트의 typescript 버전을 확인하십시오.

"tsc -v"

3.6.2를 보여야 합니다. package.json 파일에 동일한 버전을 사용하십시오. 버전이 3.6.2로 변경되면 "tsc"를 다시 실행하면 오류가 사라집니다.

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

문안 인사,

아메야

내 각도 앱에서 이 문제가 있었고 제안에 의해 자동으로 추가되는 각도기 가져오기 문을 제거하여 해결할 수 있습니다.

좋다:

'각도기'에서 { 요소 } 가져오기
'각도기'에서 { 약속 } 가져오기

그냥 제거하면 예상대로 실행됩니다.
내 것이 작동했습니다. 귀하의 코드도 작동하기를 바랍니다.

문안 인사,
니싯 진주바디야

npx tsc -v
Version 3.8.3

최신 노드 및 NPM.

내 파일

import * as mysql from "mysql2";

const config =
    process.env.NODE_ENV == "prod"
        ? {
            connectionLimit: 10,
            host: "*********.rds.amazonaws.com",
            user: "admin",
            database: "p_" + process.env.PROJECT_ID,
            password: "*********",
            prefix: `p_${process.env.PROJECT_ID}_`
        }
        : {
            connectionLimit: 10,
            host: "host.docker.internal",
            user: "root",
            database: "i**_project",
            password: "root",
            prefix: ""
        };


export const db = mysql.createPool(config);
export const prefix = config.prefix;

그리고 나는 같은 오류가 있습니다

npm run start

> [email protected] start /workspaces/icod-prt
> npx tsc && node build/index.js

typings/modules/mysql2/index.d.ts:677:1 - error TS2440: Import declaration conflicts with local declaration of 'Connection'.

677 import Connection = require('~mysql2~mysql/lib/Connection');
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

typings/modules/mysql2/index.d.ts:679:1 - error TS2440: Import declaration conflicts with local declaration of 'PoolConnection'.

679 import PoolConnection = require('~mysql2~mysql/lib/PoolConnection');
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

typings/modules/mysql2/index.d.ts:680:1 - error TS2440: Import declaration conflicts with local declaration of 'Pool'.

680 import Pool = require('~mysql2~mysql/lib/Pool');
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

typings/modules/mysql2/index.d.ts:682:1 - error TS2440: Import declaration conflicts with local declaration of 'PoolCluster'.

682 import PoolCluster = require('~mysql2~mysql/lib/PoolCluster');
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

typings/modules/mysql2/index.d.ts:684:1 - error TS2440: Import declaration conflicts with local declaration of 'Query'.

684 import Query = require('~mysql2~mysql/lib/protocol/sequences/Query');

때때로 TypeScript 컴파일러는 다른 사람의 총에 대한 오류를 비난합니다.

오늘 .spec.ts 단위 테스트 파일을 작업하는 동안 OP의 정확한 오류 메시지를 받았습니다. 단위 테스트에 각도기가 필요하지 않았기 때문에 npm uninstall protractor 를 사용하여 임시로 제거한 다음 TypeScript에서 실제 오류가 발생했습니다.

ERROR in src/app/.../...spec.ts:12:30 - error TS2307: Cannot find module 'protractor'.
12 import { EventEmitter } from 'protractor';

원인은 Visual Studio Code가 설명할 수 없이 정상적인 import { EventEmitter } from '@angular/core'; 대신 이 자동 가져오기 문을 생성했기 때문입니다.

아직 4.0.2에서 이것을 얻었습니다.. 흠

내 각도 앱에서 이 문제가 있었고 제안에 의해 자동으로 추가되는 각도기 가져오기 문을 제거하여 해결할 수 있습니다.

좋다:

'각도기'에서 { 요소 } 가져오기
'각도기'에서 { 약속 } 가져오기

그냥 제거하면 예상대로 실행됩니다.
내 것이 작동했습니다. 귀하의 코드도 작동하기를 바랍니다.

문안 인사,
니싯 진주바디야

저에게는 Protractor 대신 Protractor EventEmitter 를 가져온 VSCode의 자동 가져오기 @angular/core . 이 문제를 해결하면 문제가 해결되었습니다.