Sweetalert: الزاوية 5.2.3 - خطأ في النوع: sweetalert_1.default ليس دالة

تم إنشاؤها على ٦ فبراير ٢٠١٨ · 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

التعليق الأكثر فائدة

مرحبا شباب.
يبدو أن هذا مرتبط بهذا الخطأ في Angular CLI حيث يتم التعامل مع الصادرات الافتراضية بشكل مختلف في dev. يبدو أنهم قاموا بإصلاحه في 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 في ٤ مارس ٢٠١٨

👍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 في ١٤ فبراير ٢٠١٨

وجود نفس الخطأ

pedro412 في ٢٦ فبراير ٢٠١٨

acib708 في ١ مارس ٢٠١٨

أواجه نفس الخطأ!

mpintener في ٢ مارس ٢٠١٨

أنا أيضا.

greatkeke في ٤ مارس ٢٠١٨

لقد قمت بحل المشكلة عن طريق التبديل إلى sweetalert 2. لست متأكدًا مما إذا كان قد تم تطويرها بواسطة نفس الفريق (لذا آسف للدعاية إن لم يكن كذلك).
آمل أن يكون مفيدًا لمن لديهم نفس المشكلة وسأكون سعيدًا بالعودة إلى swal 1 إذا تم إصلاح ذلك.
ترميز سعيد!

dalvarezr في ٤ مارس ٢٠١٨

👍2

هل ما زلت تواجه أية أخطاء عند تشغيل ng serve --prod ؟

بدلاً من ذلك ، يمكنك استخدام هذا الحل البديل القذر إلى حد ما:

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

swal('test');

lionralfs في ٤ مارس ٢٠١٨

👍25 🎉5

lionralfs يعمل بشكل جيد.

greatkeke في ٤ مارس ٢٠١٨

lionralfs أنت أسد حقيقي تعمل بشكل جيد.

mombe090 في ١٢ أبريل ٢٠١٨

لا يصدر إصدار npm خاصية default ، لذا فإن الكتابة خاطئة. تشير الكتابة إلى أنه يجب التعامل معها كوحدة نمطية ES ، لكن إصدار npm هو وحدة CommonJS.

تقترح الوثائق استخدام export = بدلاً من export default في هذه الحالة: https://www.typescriptlang.org/docs/handbook/modules.html#export --and-import - يتطلب

يبدو الاستيراد المطابق كما يلي:

import swal = require("sweetalert");

نعم ، إنه بناء جملة غير قياسي ، مما سيؤدي إلى مشاكل للمستخدمين الذين يستهدفون وحدات ES. من خلال تمكين الواردات التركيبية أو استخدام بناء الجملة import * as swal يمكن حل هذه المشكلة ، ولكن الحل المناسب سيكون إما تصحيح الكتابة أو ببساطة إضافة module.exports.default = module.exports إلى نهاية ملف JS الرئيسي لذلك يمكن للأشخاص استيراده كوحدة ES.