Sweetalert: Angular 5.2.3 - 오류 TypeError: sweetalert_1.default는 함수가 아닙니다.

에 만든 2018년 02월 06일 · 13코멘트 · 출처: t4t5/sweetalert

es5를 사용하는 동안 이 오류가 발생합니다. 그러나 es6에서는 잘 작동합니다.

sweetalert 버전 : 2.1.0

tsconfig.json

{
    "compileOnSave": false,
    "compilerOptions": {
        "outDir": "./dist/out-tsc",
        "sourceMap": true,
        "declaration": false,
        "moduleResolution": "node",
        "emitDecoratorMetadata": true,
        "experimentalDecorators": true,
        "target": "es5",
        "typeRoots": [
            "node_modules/@types"
        ],
        "lib": [
            "es2015",
            "dom"
        ]
    }
}

import swal from 'sweetalert'; swal({ text: 'Your request has been processed successfully.', icon: 'success' }).then((value) => { if (value) { console.log(value); } });

출처

softsaravanacse

👍6

가장 유용한 댓글

얘들 아.
이것은 dev에서 기본 내보내기가 다르게 처리되는 Angular CLI의 이 버그 와 관련이 있는 것 같습니다. v6.0.0-beta.4에서 수정한 것 같습니다.

ng serve --prod 실행할 때 여전히 오류가 발생합니까?

또는 다음과 같은 다소 지저분한 해결 방법을 사용할 수 있습니다.

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = _swal as any;

swal('test');

lionralfs 에 2018년 03월 04일

👍25 🎉5

모든 13 댓글

내 프로젝트가 IE9, 10 및 11과 호환될 수 있도록 다음 줄의 주석을 제거했을 때 이 오류가 발생하기 시작했습니다. polyfills.ts
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es7/array';

분명히 es6 화살표 기능이 IE 11에서 아직 지원되지 않고 내 프로젝트를 컴파일하면 오류가 발생하기 때문에 제안한 대로 "대상"을 es6으로 변경하면 IE 11에서 내 앱이 중단됩니다.

dalvarezr 에 2018년 02월 14일

같은 오류가 있음

pedro412 에 2018년 02월 26일

acib708 에 2018년 03월 01일

같은 오류가 발생했습니다!

mpintener 에 2018년 03월 02일

저도 요.

greatkeke 에 2018년 03월 04일

sweetalert 2로 바꿔서 문제를 해결했습니다. 같은 팀에서 개발했는지 확실하지 않습니다(그렇지 않은 경우 선전에 죄송합니다).
같은 문제가 있는 사람들에게 유용할 수 있기를 바라며 이 문제가 해결되면 swal 1로 다시 전환하겠습니다.
즐거운 코딩!

dalvarezr 에 2018년 03월 04일

👍2

얘들 아.
이것은 dev에서 기본 내보내기가 다르게 처리되는 Angular CLI의 이 버그 와 관련이 있는 것 같습니다. v6.0.0-beta.4에서 수정한 것 같습니다.

ng serve --prod 실행할 때 여전히 오류가 발생합니까?

또는 다음과 같은 다소 지저분한 해결 방법을 사용할 수 있습니다.

import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';
const swal: SweetAlert = _swal as any;

swal('test');

lionralfs 에 2018년 03월 04일

👍25 🎉5

@lionralfs 잘 작동합니다.

greatkeke 에 2018년 03월 04일

@lionralfs 당신은 진정한 라이온입니다.

mombe090 에 2018년 04월 12일

npm 릴리스는 default 속성을 내보내지 않으므로 입력이 잘못되었습니다. 타이핑은 ES 모듈로 처리되어야 함을 나타내지만 npm 릴리스는 CommonJS 모듈입니다.

문서는 사용하는 제안 export = 대신 export default 이 경우 : https://www.typescriptlang.org/docs/handbook/modules.html#export - 그리고 - 수입 - 필요

일치하는 가져오기는 다음과 같습니다.

import swal = require("sweetalert");

예, 비표준 구문이므로 ES 모듈을 대상으로 하는 사용자에게 문제가 발생합니다. 합성 가져오기를 활성화하거나 import * as swal 구문을 사용하여 이 문제를 해결할 수 있지만 적절한 솔루션은 입력을 수정하거나 기본 JS 파일 끝에 module.exports.default = module.exports 를 추가하는 것입니다. 사람들은 그것을 ES 모듈로 가져올 수 있습니다.