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에서 정상적으로 구동되는 것을 확인하실 수 있습니다.
References
'Programming > Vue' 카테고리의 다른 글
[실습] 뷰(Vue)로 회원/사용자 관리 화면 구현하기 - 기획/설계하기 (0) | 2023.02.16 |
---|---|
[실습] 뷰(Vue)로 공지사항/게시판 구현하기 - Axios 이용하여 REST API 호출/연동하기 (0) | 2023.02.10 |
뷰(Vue.js) 프로젝트에 뷰 액시오스(Vue Axios) 설치하기 (0) | 2023.02.07 |
[실습] 뷰(Vue)로 공지사항/게시판 구현하기 - Root/상위 컴포넌트 화면 기능 개발 (0) | 2023.02.06 |
[실습] 뷰(Vue)로 공지사항/게시판 구현하기 - 상세 화면 기능 개발 (0) | 2023.02.03 |
댓글