Используйте sweetalert2 с node.js и express.js - PullRequest
Новая
       8

Используйте sweetalert2 с node.js и express.js

0 голосов
/ 03 октября 2018

Я пытаюсь использовать sweetalert2 в моем узле проекта и express.js, плюс конфигурация не удалась, я думаю.

Я получаю следующее сообщение:

swalне определено

ReferenceError: swal не определен

Мои настройки

index.js 

var express = require('express');
var router = express.Router();
const Swal = require('sweetalert2');

router.post('/add', function(req, res, next) {

    Swal('Hello world!');

});

HTML 

<!DOCTYPE html>
<html lang="pt_br">
<head>
</head>
<body>
    <h1 class="text-center title-1"> Cad </h1>
    <form action="/add" method="post">
        <input type="submit" value="Save"/>
    </form>
</body>
</html>

Package.json 

{
  "name": "festiva",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.3",
    "debug": "~2.6.9",
    "ejs": "~2.5.7",
    "express": "~4.16.0",
    "http-errors": "~1.6.2",
    "morgan": "~1.9.0",
    "mysql": "^2.16.0",
    "sweetalert2": "^7.28.4"
  }
}

Если кто-то может помочь ...

1 Ответ

0 голосов
/ 03 октября 2018

SweetAlert2 выглядит как библиотека на стороне клиента, но в вашем примере вы используете ее на сервере.

Чтобы ваш пример работал и не усложнялся, попробуйте следующее:

HTML 

<!DOCTYPE html>
<html lang="pt_br">
<head>
</head>
<body>
    <h1 class="text-center title-1"> Cad </h1>
    <button type="button" onclick="swal('Hello, world!')">
        Click me
    </button>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/7.28.2/sweetalert2.all.min.js"></script>
</body>
</html>

Тег сценария будет включать библиотеку на клиенте и устраняет необходимость в любом узле / экспрессе.

...