reactJs、Redux、import sweetalertの使用中にウィンドウが定義されていません

Question

私のコードスニペットはこのように見えますが、私はpackage.jsonのsweetalertを持っています。

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){ 

では、これはsweetalertにrealtedされます。

私はしばらくの間、この作業を持っていましたが、私が行った時にきれいなNPMの実行がそれを構築するには、私はいくつかの提案をする場合、サーバー側でそれをレンダリングしないように見server.jsを置き換え、コードのこの新しいラインはserver.js

に追加されますreact/reduxを使用していますが、レンダリング中にsweetalertパッケージをロードしない方法を探しています。

ご協力いただきまして誠にありがとうございます。ありがとう

Answer 1

webpackbuildsが生成され、public/server.jsを上回ったときにreactal/reduxが "sweetalert"をレンダリングしようとしていますが、サーバーサイドのレンダリングを停止するためにwindowを見つけられず、 sweetalert、私はこれは私が何それがないと、サーバーサイドでsweetalertをレンダリング停止され、githubの上のいくつかのスレッドでそれを見つけた私のために働いた

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

で

import swal from "sweetalert"; 

を置き換えます。お役に立てれば！！