EJS无法使用标签加载外部库

问题描述 投票:-1回答:1

我有以下内容:

我的index.ejs

<% include header %>
<section>
    <% if (!user) { %>
       <% Swal.fire('The Internet?','That thing is still around?','question') %>

...

我的带有sweetalert lib的头文件:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-GB" xml:lang="en-GB">
<head>
    <meta http-equiv="Content-Type" content="application/xhtml+xml" charset="UTF-8"/>
    <link href="/style.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@9"></script>


...

当我执行以上操作时,出现错误:

<section>
    3|     <% if (!user) { %>
 >> 4|        <% Swal.fire('The Internet?','That thing is still around?','question') %>
    5|         <h2>Welcome! Please log in.</h2>
    6|     <% } else { %>
    7|         <h1> Welcome!</h1>

Swal is not defined

我该如何解决?大概是在进行api调用时未完全加载库。

javascript html ejs
1个回答
0
投票

EJS无法以这种方式工作。听起来确实如此,它是嵌入式JS,但实际上它与整个文档没有任何关系,只是它包含我们从render方法传递的数据。

因此,如果您想这样做,您将找到另一个<script>标签更简化的方法。

© www.soinside.com 2019 - 2024. All rights reserved.