React导入文件编译出现no-unused-expressions错误该如何解决？

• 第2行import Header from './Header';末尾多写了两个无意义的空单引号''，这部分不属于任何赋值、函数调用逻辑，属于独立的无用表达式，触发了ESLint的no-unused-expressions规则校验，这是本次报错的直接诱因。
• 代码存在隐藏问题：return语句的返回值括号内、JSX根节点外写了两行单行注释，return 仅能返回一个根节点值，该位置的注释属于返回逻辑区间内的无效内容，修复第一个问题后仍可能触发同类型报错。

• 删除第2行末尾多余的两个单引号，调整后第2行代码为import Header from './Header';
• 调整注释位置：可以将注释移到return语句外，若需要标注JSX内容则将注释改为JSX支持的{/* 注释内容 */}格式写在根节点内部。

修复后的完整参考代码：

import './App.css';
import Header from './Header';

function App() {
  // header
  // Home
  return (
    <div className="App">
      <h1>lets build amazon clone🔥🚀</h1>
      <Header />
    </div>
  );
}

export default App;

内容的提问来源于stack exchange，提问作者Uday Kahar