Import in body of module； reorder to top import/first

Import in body of module; reorder to top import/first
在开发中, react或者其他的开发中
只要你的const语法写在import之前就会出现这种情况

原因

// 正确的顺序
import React from "react";
export const Page1 = () => <h1>我是page1</h1>;

// 报错的顺序
export const Page1 = () => <h1>我是page1</h1>;
import React from "react";

解决方案

写正确的顺序就行了

// 正确的顺序
import React from "react";
export const Page1 = () => <h1>我是page1</h1>;

注意

有个特殊的情况或者不容易察觉

// 这里的require中的文件如果有const类的语法也会报错
require("react-router-dom")
import { Page1, Page2, Login } from "./components/router-pages.js";


// 正确写法
import { Page1, Page2, Login } from "./components/router-pages.js";
require("react-router-dom")