[React] Import in body of module; reorder to top import/first 해결

- 문제 발견

import의 하는 부분 중 Compotent만 따로 분류해서 주석을 달아주려고했다.

정리 후에 구동을 시키는데

위와 같은 에러가 출력되었다.

 

 

- 문제 해결

import './App.css';
import { Navbar,Nav} from 'react-bootstrap';
import { Route, Switch } from 'react-router';
import { useState } from 'react';

import Mainpage from "./Compontent/mainpage.js";
import Login from './Compontent/login.js';
import SignUp from "./Compontent/sign_up.js";
import Search from "./Compontent/tach-search";

위와 같이 라이브러리에서 가져오는 데이터들을 가장 상단에 위치하게 하고

그아래에 Component를 배치했다.

아마도 가져오는 순서가 있는 듯 하다..