components 폴더 만들고 card.js에 코드를 복붙하고 app.js에 MainPage 주석처리를 해제한 후 실행하면 에러메세지가 발생합니다.

작성한 코드 및 에러 메세지

(에러메세지)

› Reloading apps

Android Bundling failed 1603ms

Unable to resolve module ../components/Card from C:\Users\shany\Desktop\sparta-study\sparta-myhoneytip-sean\pages\MainPage.js:

None of these files exist:

 * components\Card(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

 * components\Card\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

 4 | const main = 'https://storage.googleapis.com/sparta-image.appspot.com/lecture/main.png'

 5 | import data from '../data.json';

> 6 | import Card from '../components/Card';

  |          ^

 7 | export default function MainPage() {

 8 |  let tip = data.tip;

 9 |  let todayWeather = 10 + 17;

(App.js code)

import React from 'react'

import MainPage from './pages/MainPage';

import AboutPage from './pages/AboutPage';

import DetailPage from './pages/DetailPage';

export default function App(){

  return (<MainPage/>)

  //return (<DetailPage/>)

  //return (<AboutPage/>)

}