npm run build시 빈화면만 나옵니다..

[형산]

function App() {
  return (
    <Router basename={process.env.PUBLIC_URL}>   // homepage에있는 url적혀있음.
      <div className="note">
        <Switch>
          {routes.map((route) => {
            return (
              <Route key={route.path} path={route.path} exact>
                <route.component />
              </Route>
            );
          })}
        </Switch>
      </div>
    </Router>
  );
}

export default App;

 

package.json에는

  "homepage": ".",

또는

  "homepage": "<a href="http://hyeongsan.github.io/notenote">http://hyeongsan.github.io/notenote</a>",

둘다해봤습니다.

 

npm run build시 흰화면만 나옵니다.

콘솔에 빨간 404에러가 떠서 구글링해보니 경로문제라고합니다.

그래서 build폴더에 있는 index.html 파일에 경로도 다 ./static으로 바꿔줘서 콘솔에러는 다 없앴는데,

여전히 빈화면만뜨네요 ..

head태그에 link를 보니 css는 들어온것같은데.. 백그라운드 색상도 gray인걸 보니 연결은 된것같은데 ..

html파일이 안뜨네요 ; 내용물이 없습니다 ㅠㅠ 미치것습니다 ..

 

 

 

[codingapple]

homepage속성과 basename 속성을 /notenote 이런걸 넣어봅시다 

[형산]

그래도 안됩니다..
그래서 아에 react-router 를 쓰지않고 해보았는데도 안되서 ...

https://codesandbox.io/s/happy-tereshkova-yqneo

여기서 App.js 랑 package.json만 한 번 봐주실수 잇을까요 ? ㅠ

npm run start하면 잘되는데.

npm run build는 여전히 빈화면만 뜹니다 ㅠ

[codingapple]

/notenote 기입하고 빌드하면

notenote 라는 이름의 리포지토리에 올려야 잘보입니다 거기다 올리셨나요 

[글쓴이]

글