blocks|key|1052340|text|编译角项目的简单解决方案是转到项目文件夹\node_modules\sweetalert\typings\sweetalert.d.ts|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1052341|在这个文件中，只需对//+const+:SweetAlert行进行注释；|1052342|你的最后一个文件是这样的：|1052343|​|1052344|import+swal,+{+SweetAlert+}+from+"./core";

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

export+default+swal;
export+as+namespace+swal;|code-block|syntax|javascript|1052345|1052346|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|S|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|T|8|@]|9|@]|A|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

The simple solution to compile the Angular project is 
Go to your project folder
\node_modules\sweetalert\typings\sweetalert.d.ts

In this file simply comment the line 
// const swal: SweetAlert;

and your final file looks like this:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>import swal, { SweetAlert } from "./core";

declare global {
 // const swal: SweetAlert;
 const sweetAlert: SweetAlert;
}

export default swal;
export as namespace swal;</code></pre>
</div>
</div>

blocks|key|2239961|text|在所有..。我最近更新了node_modules..。出现了一些问题。最后一个，就是这个！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2239962|我试过和npm+install+sweetalert2..。但仍然给我带来问题..。所以最后的解决办法是..。消除这一行，工作良好，没有错误..！|offset|length|style|CODE|2239963|entityMap^0|0|4|N|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

BEFORE ALL.. I'm recently update node_modules... and some issues appeared. The last of those, was this one!

I tried with <code>npm install sweetalert2</code>....
but the still giving me problems... 
so the final solution was....
eliminate that line and WORKS FINE, WITHOUT ERRORS..!

blocks|key|2239981|text|我也有同样的问题，我的解决办法就是这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2239982|import+*+as+_swal+from+'sweetalert';
import+{+SweetAlert+}+from+'sweetalert/typings/core';

const+swal:+SweetAlert+=+_swal+as+any;|code-block|syntax|javascript|2239983|由于某些原因，名称"swal“显示错误，如果您将别名更改为"_swal”，它应该会工作。|2239984|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I had the same issue, my solution was this.

<pre><code>import * as _swal from 'sweetalert';
import { SweetAlert } from 'sweetalert/typings/core';

const swal: SweetAlert = _swal as any;
</code></pre>

for some reason the name "swal" show error, if you change alias by "_swal" it should work

blocks|key|113696|text|对于SweetAlert2，您只需使用这一行导入它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|113697|import+*+as+Swal+from+'sweetalert2';|code-block|syntax|javascript|113698|然后用这样的方式：|113699|Swal.fire('Hello+world!');|113700|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

For SweetAlert2 you just should to use this line to import it:

<pre><code>import * as Swal from 'sweetalert2';
</code></pre>

then use it this way:

<pre><code>Swal.fire('Hello world!');
</code></pre>

blocks|key|113705|text|我不知道我刚才做了什么，但很明显，编译器希望我这样做，因为当我遇到同样的问题时，它就起作用了：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|113706|在文件"/node_modules/sweetalert/typings/sweetalert.d.ts"，中，替换行中的swal类型。|113707|"swal:+SweetAlert“与"swal:+typeof+swal”|113708|所以，这个(之前)：|113709|import+swal,+{+SweetAlert+}+from+"./core";

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

export+default+swal;
export+as+namespace+swal;|code-block|syntax|javascript|113710|变成这个(之后)：|113711|import+swal,+{+SweetAlert+}+from+"./core";

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

export+default+swal;
export+as+namespace+swal;|113712|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|Y|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

I've got no idea what I just did, but apparently, that's what the compiler wanted me to do cause it worked when I had your same problem: 

In the file "/node_modules/sweetalert/typings/sweetalert.d.ts", replace the type of swal in the line 
"swal: SweetAlert" with "swal: typeof swal" 

So, this (before): 

<pre><code>import swal, { SweetAlert } from "./core";

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

export default swal;
export as namespace swal;
</code></pre>

becomes this (after): 

<pre><code>import swal, { SweetAlert } from "./core";

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

export default swal;
export as namespace swal;
</code></pre>

blocks|key|2240058|text|当我删除以下内容中存在的简单代码行时，就解决了这个问题：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2240059|node_modules/sweetalert/src/sweetalert.d.ts+|code-block|syntax|javascript|2240060|代码将如下所示：|2240061|import+swal,+{+SweetAlert+}+from+"./core";

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

export+default+swal;
export+as+namespace+swal;|2240062|只需删除这一行：const+swal:+SweetAlert;|offset|length|style|CODE|2240063|您可以在gitgub：https://github.com/AlbinoDrought/sweetalert-sans-ts-namespace/commit/699f10b8546a524000dd3e3b41bf7a7e599a2666上查看这个|2240064|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/AlbinoDrought/sweetalert-sans-ts-namespace/commit/699f10b8546a524000dd3e3b41bf7a7e599a2666^0|0|0|0|0|8|N|0|B|31|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|14|8|@$M|15|N|16|O|P]]|9|@]|A|$]]|$1|Q|3|R|5|6|7|17|8|@]|9|@$M|18|N|19|1|1A]]|A|$]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z]]]]

It's solved with me when i remove simple line of code existing in : 

<pre><code>node_modules/sweetalert/src/sweetalert.d.ts 
</code></pre>

Code will be look like this : 

<pre><code>import swal, { SweetAlert } from "./core";

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

export default swal;
export as namespace swal;
</code></pre>

Just remove this line : <code>const swal: SweetAlert;</code>

And you can check this on gitgub : <a href="https://github.com/AlbinoDrought/sweetalert-sans-ts-namespace/commit/699f10b8546a524000dd3e3b41bf7a7e599a2666" rel="nofollow noreferrer">https://github.com/AlbinoDrought/sweetalert-sans-ts-namespace/commit/699f10b8546a524000dd3e3b41bf7a7e599a2666</a>

blocks|key|2240077|text|你可以试试|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2240078|import+Swal+from+'sweetalert2';+

Swal.fire('Error',+'Please+Enter+Username',+'error');|code-block|syntax|javascript|2240079|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

You can try
<pre><code>import Swal from 'sweetalert2'; 

Swal.fire('Error', 'Please Enter Username', 'error');
</code></pre>

I am trying to use sweet alert in my angular project.

That's how I use sweet alert:

<pre><code>import swal from 'sweetalert';

swal({
 title: "Problem",
 text: "Try again later!",
 icon: "error"
 })
</code></pre>

I get the following error: 

<blockquote>
 ERROR in node_modules/sweetalert/typings/sweetalert.d.ts(4,9): error TS2403: Subsequent variable declarations must have the same type. Variable 'swal' must be of type 'typeof import("C:/Users/user/Desktop/University/Thesis/workspace/web/myProject/project/node_modules/sweetalert/typings/sweetalert")', but here has type 'SweetAlert'.
</blockquote>

Anyone can help me with that?

SweetAlert with Angular 7

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

我正试图在我的棱角分明的项目中使用甜蜜的警告。这就是我如何使用甜蜜的警告：import swal from 'sweetalert';swal({    title: "Problem",    text: "Try again later!",    icon: "error"  })我得到以下错误：node_mod...

问角为7的SweetAlert
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问角为7的SweetAlertEN