Reactjs 元素类型无效-React.js（在web上找不到解决方案）

我上个小时一直在寻找解决办法，但毫无帮助。我的导出和导入定义正确。我还尝试用另一个组件替换Clock.js的全部内容，结果成功了。我快疯了

import React from 'react';

const pad = n => (n < 10 ? `0${n}` : n);
const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`;

const Clock = ({ lastUpdate, light }) => (
  <div className={light ? 'light' : ''}>
    {format(new Date(lastUpdate))}
    <style jsx>{` 
        div {
          padding: 15px;
          display: inline-block;
          color: #82FA58;
          font: 50px menlo, monaco, monospace;
          background-color: #000;
        }

        .light {
          background-color: #999;
        }
      `}
    </style>
  </div>
);

export default Clock;

时钟导入到：

---

您是否尝试过将时钟重命名为其他名称？某处可能有某种冲突

编辑---

您可以使用以下样式：

var style = {
    padding: "15px",
    display: "inline-block",
    color: "#82FA58",
    font: "50px menlo, monaco, monospace",
    backgroundColor: light? "#999" : "#000"
};

然后使用：

<div style={style}>

---

我通过删除样式化jsx解决了这个问题。我没有让它工作，甚至通过阅读NPM模块和babel配置的说明

Webpack正在使用HMR，所以错误不会在不重新启动构建的情况下消失

---

我现在正在使用内联样式。我想得到为React组件编写类名样式的建议。有人吗？

那是什么。没有此标记时出现相同错误。如果删除整个

？（这看起来像一个可怕的图书馆，鼓励不良做法顺便说一句）不，同样的错误。正如我前面所说，为导入
Clock
的整个组件添加代码。也许错误在那个文件里。是的，我试过了。但这并不是问题的根源。我更新了我的答案来回答你的新问题。是的，这是内联风格。如何定义类名，然后像这样重用：
您需要创建
.light{background color:#999}在样式表中。或者在我建议的样式中使用三元运算符。我决定将SCS与模块一起使用。看起来性感：
从“../static/styles.scss”导入scss；className={scss.serverClock}
var style = {
    padding: "15px",
    display: "inline-block",
    color: "#82FA58",
    font: "50px menlo, monaco, monospace",
    backgroundColor: light? "#999" : "#000"
};

<div style={style}>