Sweetalert: 유형 오류 TS2403: 후속 변수 선언의 유형이 동일해야 합니다.

같은 문제, 같은 상황.

그러나 export as namespace swal; 라인을 주석 처리하는 것만으로도 컴파일이 가능하다는 것을 알았습니다. 나는 어떤 단서에 대한 TypeScript 변경 로그를보고있었습니다 ...

같은 문제, 같은 상황.

그러나 export as namespace swal; 라인을 주석 처리하는 것만으로도 컴파일이 가능하다는 것을 알았습니다. 나는 어떤 단서에 대한 TypeScript 변경 로그를보고있었습니다 ...

같은 문제
나는이 솔루션을 사용
하지만 이 솔루션이 옳지 않다고 생각합니다.

같은 문제입니다.

또한 동일한 문제입니다. 이 때문에 CI 빌드가 실패합니다.

이 줄 을 제거해야한다고 생각

https://github.com/t4t5/sweetalert/blob/bfd0e63e4157e67b36d1858a6721b0f592ba5338/src/sweetalert.d.ts#L4

OpenBSD에서 실행할 때도 이와 동일한 문제가 있습니다. 예, 주류 OS는 모르지만 사용 가능한 TypeScript 버전은 sweetalert가 있는 모든 것을 사용할 수 없게 만듭니다.

OpenBSD에서 실행할 때도 이와 동일한 문제가 있습니다. 예, 주류 OS는 모르지만 사용 가능한 TypeScript 버전은 sweetalert가 있는 모든 것을 사용할 수 없게 만듭니다.

@t4t5 이 문제 좀

Angular 7에서도 이것을 경험합니다.

정의 파일을 수동으로 편집하는 것 외에 해결 방법에 대한 아이디어가 있습니까? 모든 clone / npm 설치 후에 그것을 기억하는 것은 약간의 번거로움이 되고 있습니다.

@bogdan-calapod 다음은 CI 빌드가 실패하지 않도록 해결 방법으로 수행한 작업입니다.

1. 여기에서 Sweetalert 축소 스크립트 파일을 다운로드 sweetalert.min.js ).
2. 장소 sweetalert.min.js 에서 src/assets/scripts 각도 응용 프로그램에서.
3. src/assets/scripts/sweetalert.min.js scripts 항목에 angular.json
4. Sweetalert를 사용하려는 구성 요소/서비스에서 클래스 선언 위에 declare var swal: any; 추가하십시오.
5. 전역 변수 swal , 즉 return swal({...}) 사용하여 파일의 어디에서나 Sweetalert를 사용할 수 있습니다.
6. 로컬 스크립트 파일 npm uninstall sweetalert --save 사용하고 있으므로 이제 Sweetalert NPM 패키지를 제거할 수 있습니다.

안녕하세요 여러분,

자신의 노력을 절약하고 sweetalert 2 https://sweetalert2.github.io/를 사용

이 문제에 대한 업데이트가 있습니까?

안녕하세요 여러분,

자신의 노력을 절약하고 sweetalert 2 https://sweetalert2.github.io/를 사용

이것은 3개 이상의 버튼을 지원합니까?

@DVGalarza 이 해결 방법은 저에게 효과가 없었습니다. ReferenceError: "swal이 정의되지 않았습니다"가 내가 얻는 것입니다.

@alvarofelipe12 'swal'을 사용하려는 파일에서 파일 상단(임포트 아래)에 declare var swal: any; 를 추가하셨나요? 이 경우,도 확인 sweetalert.min.js 의 '스크립트'섹션에서 제대로 참조 angular.json .

TypeScript 3.2.4가 포함된 Angular 7로 업그레이드되었으며 이제 컴파일할 때마다 다음이 표시됩니다.

import swal from 'sweetalert';

swal({ ... });

node_modules/sweetalert/typings/sweetalert.d.ts(4,9) 오류: 오류 TS2403: 후속 변수 선언은 동일한 유형이어야 합니다. 변수 'swal'은 'typeof import("C:/Projects/me/browser/node_modules/sweetalert/typings/sweetalert")' 유형이어야 하지만 여기에는 'SweetAlert' 유형이 있습니다.

node_modules/sweetalert/typings/sweetalert.d.ts 를 편집하면...

import swal, { SweetAlert } from "./core";

declare global {
  const swal: SweetAlert;
  const sweetAlert: SweetAlert;
}

export default swal;
export as namespace swal;

... 에게 ...

import swal, { SweetAlert } from "./core";

export default swal;
export as namespace swal;

... 작동을 시작합니다.

어떤 아이디어?

내 대안은 const swal의 이름을 const _swal로 바꾸는 것이 었습니다.

"./core"에서 swal, { SweetAlert } 가져오기;

전역 선언 {
const _swal: SweetAlert;
const sweetAlert: SweetAlert;
}

기본 swal 내보내기;
네임스페이스 swal로 내보내기;

안녕하세요!, 같은 문제

sweetalert 유형을 재정의하여 이 문제를 해결했습니다. src/node_modules/sweetalert/index.d.ts 라는 src 디렉토리에 파일을 추가했습니다.

//this file is needed because the sweetalert typings need to be overwritten because they are broken
//the real fix here is to stop using sweetalert

declare global {
  const _swal: any;
  const sweetAlert: any;
}

export default _swal;
export as namespace swal;

이 줄을 변경하여 해결했습니다.

import swal from 'sweetalert';

에게:

const swal = require('sweetalert');

또는 (인터페이스 사용):

import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = require('sweetalert');

Angular 10에서 동일한 문제가 발생했습니다. 예, 문제는 내 IDE에 따르면 sweetalert.d.ts 에 있는 것 같습니다. 오류가 있으므로 이에 대해 언급하는 것이 나쁜 해결책은 아니라고 생각합니다.

@drmencos Node.js용인가요? require 는 Angular 10에서 작동하지 않습니다.

파일에서: node_modules> sweetalert> typings> sweetalert.d.ts
주석: const swal: SweetAlert;

"./core"에서 swal, {SweetAlert} 가져오기;

전역 선언 {
// const swal: SweetAlert;
const sweetAlert: SweetAlert;
}

기본 swal 내보내기;
네임스페이스 swal로 내보내기;

import 'sweetalert' 을 require('sweetalert') 하면 저에게 효과적이었습니다.