окно не определено ошибка при использовании responseJs, Redux и import sweetalert

Question

Вот мой фрагмент кода выглядит что-то вроде этого, у меня есть sweetalert в package.json.

import swal from 'sweetalert'; export function delete() { 
return (dispatch, getState) => { 
    swal({ 
      title: "Delete API?", 
      text: "You will not be able to recover this API!", 
      type: "warning", 
      showCancelButton: true, 
      confirmButtonColor: "#DD6B55", 
      confirmButtonText: "Yes, delete it!", 
      closeOnConfirm: false 
     });} 

Ошибка в публичной/server.js

if(window.console){ 

окно не определен, это realted к sweetalert.

Я это работает на некоторое время, но когда я сделал чистый пробег НПМ построить его заменяет server.js и эта новая строка кода добавляется server.js

Я видел несколько предложений, чтобы не сделать его на стороне сервера когда это используя реакцию/сокращение, но ищет способ не загружать пакет sweetalert во время рендеринга.

Любая помощь очень ценится. Спасибо

Answer 1

Проблема является реакцией/redux пытается отобразить «sweetalert» при создании webpackbuild и перейдет к сгенерированному public/server.js, он не смог найти ошибку окна и метаданных как неопределенную, поэтому просто прекратить визуализацию на стороне сервера из sweetalert, я заменил

import swal from "sweetalert"; 

С

const isBrowser = typeof window !== 'undefined'; 
const swal = isBrowser ? require('sweetalert') : undefined; 

Это работает для меня, я нашел его на какой-нить на GitHub, что она делает это прекратить оказание sweetalert на ServerSide. Надеюсь это поможет!!