npm run dev 실행 시 에러

아래와 같은 에러 발생합니다..

피드백 주세요..

그리고 dev.js 파일 예시 들어주세요

<username>:<password>....?<dbname> 이렇게 작성하라고 했을 때

꺽새 안에 내용만 수정해주면 되는지 꺽새를 지우고 새로 생성한 username과 password를 입력해야 하는지요

C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들기\boilerplate-youtube-app>npm run dev

(node:16228) ExperimentalWarning: The fs.promises API is experimental

> react-boiler-plate@1.0.0 dev

> concurrently "npm run backend" "npm run start --prefix client"

[0] (node:9828) ExperimentalWarning: The fs.promises API is experimental

[1] (node:7100) ExperimentalWarning: The fs.promises API is experimental

[0]

[0] > react-boiler-plate@1.0.0 backend

[0] > nodemon server/index.js

[0]

[1]

[1] > client@0.1.0 start

[1] > react-scripts start

[1]

[0] [nodemon] 1.19.4

[0] [nodemon] to restart at any time, enter `rs`

[0] [nodemon] watching dir(s): *.*

[0] [nodemon] watching extensions: js,mjs,json

[0] [nodemon] starting `node server/index.js`

[0] Server Listening on 5000

[1] [HPM] Proxy created: /  -> http://localhost:5000

[1] i ｢wds｣: Project is running at http://0.0.0.0:3000/

[1] i ｢wds｣: webpack output is served from

[1] i ｢wds｣: Content not from webpack is served from C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들

기\boilerplate-youtube-app\client\public

[1] i ｢wds｣: 404s will fallback to /

[1] Starting the development server...

[1]

[1] Browserslist: caniuse-lite is outdated. Please run:

[1] npx browserslist@latest --update-db

[1] Failed to compile.

[1]

[1] ./src/components/views/LoginPage/LoginPage.js

[1] Attempted import error: 'Icon' is not exported from 'antd'.

[0] { MongooseServerSelectionError: connection <monitor> to 54.255.110.161:27017 closed

[0]     at new MongooseServerSelectionError (C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들기\boile

rplate-youtube-app\node_modules\mongoose\lib\error\serverSelection.js:22:11)

[0]     at NativeConnection.Connection.openUri (C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들기\bo

ilerplate-youtube-app\node_modules\mongoose\lib\connection.js:823:32)

[0]     at Mongoose.connect (C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들기\boilerplate-youtube-a

pp\node_modules\mongoose\lib\index.js:333:15)

[0]     at Object.<anonymous> (C:\Users\rlawj\프로젝트\노드, 리액트 시리즈 - 유튜브 사이트 만들기\boilerplate-youtube

-app\server\index.js:18:26)

[0]     at Module._compile (internal/modules/cjs/loader.js:776:30)

[0]     at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)

[0]     at Module.load (internal/modules/cjs/loader.js:653:32)

[0]     at tryModuleLoad (internal/modules/cjs/loader.js:593:12)

[0]     at Function.Module._load (internal/modules/cjs/loader.js:585:3)

[0]     at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)

[0]     at startup (internal/bootstrap/node.js:283:19)

[0]     at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

[0]   message: 'connection <monitor> to 54.255.110.161:27017 closed',

[0]   name: 'MongooseServerSelectionError',

[0]   reason:

[0]    TopologyDescription {

[0]      type: 'ReplicaSetNoPrimary',

[0]      setName: null,

[0]      maxSetVersion: null,

[0]      maxElectionId: null,

[0]      servers:

[0]       Map {

[0]         'clonereactnode-shard-00-01.tbmhv.mongodb.net:27017' => [ServerDescription],

[0]         'clonereactnode-shard-00-00.tbmhv.mongodb.net:27017' => [ServerDescription],

[0]         'clonereactnode-shard-00-02.tbmhv.mongodb.net:27017' => [ServerDescription] },

[0]      stale: false,

[0]      compatible: true,

[0]      compatibilityError: null,

[0]      logicalSessionTimeoutMinutes: null,

[0]      heartbeatFrequencyMS: 10000,

[0]      localThresholdMS: 15,

[0]      commonWireVersion: null },

[0]   [Symbol(mongoErrorContextSymbol)]: {} }