"'response' is defined but never used" 오류 해결 방법

---

Aixos 설치 후 뷰 컴포넌트 파일에 예시코드 적용 후 빌드시 발생한 오류

상황

Backend와 REST API로 통신하기 위해 Axios를 추가 설치하고 vue.confi.js 파일에 관련 설정을 하였습니다.

연동 테스트를 하기 위해 아래 코드를 추가하고 빌드하니 오류가 발생하였습니다.

<script>
  ...
  created: function () {
    this.getNotices();
  },
  methods: {
    getNotices: function () {
      this.$axios
        .get("/api/notices")
        .then(function (response) {
          console.log("RESPONSE: " + JSON.stringify(response.data));
        })
        .catch(function (error) {
          console.log(error);
        });
    },
  ...
</script>

 

위 코드를 적용한 후, 구동하기 위해 'npm run serve'를 터미널 명령어로 치는 순간 아래와 같이 많은 오류가 발생하였습니다.

 

▶ 터미널 (Terminal)

ERROR  Failed to compile with 25 errors                                                                     오후 2:38:20

[eslint] 
C:\Users\SYP\Git\toyproject\frontend\web-app-admin\src\components\user-web\notice\NoticeList.vue
  79:10  error  'response' is defined but never used  no-unused-vars

✖ 1 problem (1 error, 0 warnings)


You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
 error  in ./node_modules/body-parser/lib/read.js

Module not found: Error: Can't resolve 'zlib' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\body-parser\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }'
        - install 'browserify-zlib'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "zlib": false }

 error  in ./node_modules/body-parser/lib/types/urlencoded.js

Module not found: Error: Can't resolve 'querystring' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\body-parser\lib\types'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }'
        - install 'querystring-es3'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "querystring": false }

 error  in ./node_modules/content-disposition/index.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\content-disposition'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/cookie-signature/index.js

Module not found: Error: Can't resolve 'crypto' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\cookie-signature'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
        - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "crypto": false }

 error  in ./node_modules/destroy/index.js

Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'

 error  in ./node_modules/destroy/index.js

Module not found: Error: Can't resolve 'stream' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'     

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }

 error  in ./node_modules/destroy/index.js

Module not found: Error: Can't resolve 'zlib' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'       

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }'
        - install 'browserify-zlib'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "zlib": false }

 error  in ./node_modules/etag/index.js

Module not found: Error: Can't resolve 'crypto' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\etag'        

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
        - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "crypto": false }

 error  in ./node_modules/etag/index.js

Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\etag'

 error  in ./node_modules/express/lib/application.js

Module not found: Error: Can't resolve 'http' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
        - install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "http": false }

 error  in ./node_modules/express/lib/application.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/express/lib/request.js

Module not found: Error: Can't resolve 'net' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'    

 error  in ./node_modules/express/lib/utils.js

Module not found: Error: Can't resolve 'querystring' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }'
        - install 'querystring-es3'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "querystring": false }

 error  in ./node_modules/express/lib/view.js

Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'     

 error  in ./node_modules/mime-types/index.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime-types'    

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/mime/mime.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/mime/mime.js

Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime'

 error  in ./node_modules/parseurl/index.js

Module not found: Error: Can't resolve 'url' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\parseurl'       

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
        - install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "url": false }

 error  in ./node_modules/send/index.js

Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'

 error  in ./node_modules/send/index.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/send/index.js

Module not found: Error: Can't resolve 'stream' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'        

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }

 error  in ./node_modules/send/index.js

Module not found: Error: Can't resolve 'util' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "util": require.resolve("util/") }'
        - install 'util'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "util": false }

 error  in ./node_modules/serve-static/index.js

Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\serve-static'  

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }

 error  in ./node_modules/serve-static/index.js

Module not found: Error: Can't resolve 'url' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\serve-static'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
        - install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "url": false }

ERROR in ./node_modules/body-parser/lib/read.js 20:11-26                                                                         
Module not found: Error: Can't resolve 'zlib' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\body-parser\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }'
        - install 'browserify-zlib'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "zlib": false }
 @ ./node_modules/body-parser/lib/types/json.js 19:11-29
 @ ./node_modules/body-parser/index.js 141:15-42
 @ ./node_modules/express/lib/express.js 15:17-39
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/body-parser/lib/types/urlencoded.js 228:12-34
Module not found: Error: Can't resolve 'querystring' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\body-parser\lib\types'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }'
        - install 'querystring-es3'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "querystring": false }
 @ ./node_modules/body-parser/index.js 150:15-48
 @ ./node_modules/express/lib/express.js 15:17-39
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/content-disposition/index.js 22:15-39
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\content-disposition'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/response.js 16:25-55
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/cookie-signature/index.js 5:13-30
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\cookie-signature'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
        - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "crypto": false }
 @ ./node_modules/express/lib/response.js 27:11-43
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/destroy/index.js 16:17-41
Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'
 @ ./node_modules/send/index.js 18:14-32
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/destroy/index.js 17:13-30
Module not found: Error: Can't resolve 'stream' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'     

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }
 @ ./node_modules/send/index.js 18:14-32
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/destroy/index.js 18:11-26
Module not found: Error: Can't resolve 'zlib' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\destroy'       

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "zlib": require.resolve("browserify-zlib") }'
        - install 'browserify-zlib'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "zlib": false }
 @ ./node_modules/send/index.js 18:14-32
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/etag/index.js 21:13-30
Module not found: Error: Can't resolve 'crypto' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\etag'        

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'
        - install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "crypto": false }
 @ ./node_modules/express/lib/utils.js 21:11-26
 @ ./node_modules/express/lib/application.js 24:18-48 25:25-62 26:19-50
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/etag/index.js 22:12-31
Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\etag'
 @ ./node_modules/express/lib/utils.js 21:11-26
 @ ./node_modules/express/lib/application.js 24:18-48 25:25-62 26:19-50
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/application.js 23:11-26
Module not found: Error: Can't resolve 'http' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
        - install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "http": false }
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/application.js 30:14-37
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/request.js 18:11-30
Module not found: Error: Can't resolve 'net' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'    
 @ ./node_modules/express/lib/express.js 21:10-30
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/request.js 20:11-26
Module not found: Error: Can't resolve 'http' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
        - install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "http": false }
 @ ./node_modules/express/lib/express.js 21:10-30
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/response.js 21:11-26
Module not found: Error: Can't resolve 'http' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "http": require.resolve("stream-http") }'
        - install 'stream-http'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "http": false }
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/response.js 24:11-26
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/utils.js 24:18-40
Module not found: Error: Can't resolve 'querystring' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "querystring": require.resolve("querystring-es3") }'
        - install 'querystring-es3'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "querystring": false }
 @ ./node_modules/express/lib/application.js 24:18-48 25:25-62 26:19-50
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/view.js 17:11-26
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/application.js 22:11-28
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/express/lib/view.js 18:9-22
Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\express\lib'     
 @ ./node_modules/express/lib/application.js 22:11-28
 @ ./node_modules/express/lib/express.js 18:12-36
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/mime-types/index.js 16:14-37
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime-types'    

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/type-is/index.js 16:11-32
 @ ./node_modules/express/lib/request.js 19:13-31
 @ ./node_modules/express/lib/express.js 21:10-30
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/mime/mime.js 1:11-26
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/send/index.js 24:11-26
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/mime/mime.js 2:9-22
Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\mime'
 @ ./node_modules/send/index.js 24:11-26
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/parseurl/index.js 15:10-24
Module not found: Error: Can't resolve 'url' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\parseurl'       

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
        - install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "url": false }
 @ ./node_modules/express/lib/request.js 23:12-31
 @ ./node_modules/express/lib/express.js 21:10-30
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/send/index.js 23:9-22
Module not found: Error: Can't resolve 'fs' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/send/index.js 28:11-26
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/send/index.js 30:13-30
Module not found: Error: Can't resolve 'stream' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'        

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "stream": require.resolve("stream-browserify") }'
        - install 'stream-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "stream": false }
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/send/index.js 31:11-26
Module not found: Error: Can't resolve 'util' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\send'

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "util": require.resolve("util/") }'
        - install 'util'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "util": false }
 @ ./node_modules/express/lib/response.js 32:11-26
 @ ./node_modules/express/lib/express.js 22:10-31
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/serve-static/index.js 19:14-37
Module not found: Error: Can't resolve 'path' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\serve-static'  

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "path": require.resolve("path-browserify") }'
        - install 'path-browserify'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "path": false }
 @ ./node_modules/express/lib/express.js 81:0-40
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in ./node_modules/serve-static/index.js 21:10-24
Module not found: Error: Can't resolve 'url' in 'C:\Users\SYP\Git\toyproject\frontend\web-app-admin\node_modules\serve-static'   

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

If you want to include a polyfill, you need to:
        - add a fallback 'resolve.fallback: { "url": require.resolve("url/") }'
        - install 'url'
If you don't want to include a polyfill, you can use an empty module like this:
        resolve.fallback: { "url": false }
 @ ./node_modules/express/lib/express.js 81:0-40
 @ ./node_modules/express/index.js 11:0-41
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-35
 @ ./src/components/user-web/notice/NoticeList.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/components/user-web/notice/NoticeList.vue 2:0-62 3:0-57 3:0-57 10:2-8
 @ ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-78 30:4-14
 @ ./src/views/user-web/notice/BaseNotice.vue?vue&type=script&lang=js& 1:0-216 1:232-235 1:237-450 1:237-450
 @ ./src/views/user-web/notice/BaseNotice.vue 2:0-62 3:0-57 3:0-57 9:2-8
 @ ./src/router/index.js 6:0-67 12:13-23
 @ ./src/main.js 3:0-30 11:2-8

ERROR in [eslint]
C:\Users\SYP\Git\toyproject\frontend\web-app-admin\src\components\user-web\notice\NoticeList.vue
  79:10  error  'response' is defined but never used  no-unused-vars

✖ 1 problem (1 error, 0 warnings)


webpack compiled with 29 errors

 

▶ Problems

터미널이 아닌 Problems 창에서는 아래와 같이 하나의 오류가 표시되었습니다.

 

위 사진에서 안내되는 오류 메세지를 텍스트로 써보자면 아래와 같습니다.

 

'response' is defined but never used  no-unused-vars

 

 

원인

예시 코드를 입력하면서 아마도 자동으로 Import가 된 코드(본인이 추가하지 않음)를 사용하지 않아서 발생한 오류입니다.

 

 

해결 방법

구글링해보니 다양한 해결 방법이 있었지만 가장 간단한 방법으로 바로 해결이 되었습니다.

 

1. 예시 코드를 입력한 뷰 컴포넌트 파일에서 아래 코드를 제거합니다.

import { response } from "express";

좌: 수정 전 우: 수정 후

 

2. Problems와 Terminal에서 정상적으로 구동되는 것을 확인하실 수 있습니다.

좌: Problems 우: Terminal

 

---

References

• Inflearn aurpo1 님의 질문
• [Vue.JS] error defined but never used no-unused-vars 해결 방법