window.location未定义

Question

当我加载react-redux应用程序的主页时，我得到了一个错误

使用{“location”：“/”,“currency”：“usd”}预渲染应用程序时遇到错误“TypeError：无法读取未定义的属性”

const UrlParser = {

getQueryVariable: (variable) => {
  let query = window.location.search.substring(1);
  let vars = query.split('&');
  for (let i = 0; i < vars.length; i++) {
    let pair = vars[i].split('=');
    if (decodeURIComponent(pair[0]) === variable) {
      return decodeURIComponent(pair[1]);
      }
    }
  }
}

export default UrlParser;

控制台上的Window.Location提供

    Location {href: "http://localhost:5000/", ancestorOrigins: DOMStringList, origin: "http://localhost:5000", replace: function,

分配：函数…}祖先起源：domStringListAssign：function（）哈希：“host：”localhost:5000“主机名：”localhost:5000“href：”http：//localhost:5000“起源：”http：//localhost:5000“路径名：”/“端口：”5000“协议：”http：“reload：function reload（）替换：function（）搜索：”toString：function toString（）valueOf：function valueOf（）符号（Symbol.toprimitive）：未定义

Answer 1

经过大量讨论，很难理解为什么赋值window.location.search.substring(1)会引发错误。避免此问题的一种方法是使用try catch子句：

getQueryVariable: (variable) => {

  let query;
  try {
    query = window.location.search.substring(1);
  } catch(e) {
    // window.location.search.substring(1) throws an error, set query
    // to fallback value ''
    console.log(e);
    query = '';
  }

  let vars = query.split('&');
  for (let i = 0; i < vars.length; i++) {
    let pair = vars[i].split('=');
    if (decodeURIComponent(pair[0]) === variable) {
      return decodeURIComponent(pair[1]);
    }
  }
}