javascript - TypeError: date.getHours 不是函数？

Question

我一直收到这个错误:

TypeError: date.getHours is not a function

尝试使用 .getHours 时，我不确定为什么。这是我正在使用的代码:

import React from "react";
import "../Nav/Nav.css";
import Date from "./Date";

function NavBar() {
  var date = new Date();
  var hrs = date.getHours();
  var greeting;

  if (hrs < 12) greeting = "Good Morning";
  else if (hrs >= 12 && hrs <= 17) greeting = "Good Afternoon";
  else if (hrs >= 17 && hrs <= 24) greeting = "Good Evening";

  return (
    <div className="nav-container">
        <p className="greeting">{greeting}</p>
        <Date />
    </div>
  );
}

export default NavBar;

Answer 1

我只是想重现这个问题。从您的示例中复制了一段代码，结果如下:

https://codepen.io/tural-ali/pen/vYEeaRK

var date = new Date();
var hrs = date.getHours();
alert(hrs);

它工作得很好。

这意味着它与您的导入相关:

import Date from "./Date";

是导致错误的行。尝试为此导入创建别名:

import Date as DateObject from "./Date";