Feathers: Angular 10์˜ ์ตœ์ ํ™” ๊ฒฝ๊ณ 

์— ๋งŒ๋“  2020๋…„ 06์›” 28์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: feathersjs/feathers

์žฌํ˜„ ๋‹จ๊ณ„

Angular ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์„

๊ฒฝ๊ณ ์— ๋Œ€ํ•œ PSB ๋กœ๊ทธ

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/socketio-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/feathers. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on @feathersjs/authentication-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on socket.io-client. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

WARNING in src/app/core/services/feathers.service.ts depends on feathers-reactive. CommonJS or AMD dependencies can cause optimization bailouts.
For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

์‹œ์Šคํ…œ ์„ค์ •

๋ชจ๋“ˆ ๋ฒ„์ „
@feathersjs/authentication-client: "^4.5.4"
@feathersjs/feathers: "^4.5.3"
@feathersjs/socketio-client: "^4.5.4"
socket.io-client: "^2.3.0"

NodeJS ๋ฒ„์ „ :
๋…ธ๋“œ 12

์šด์˜ ์ฒด์ œ :
๋ฆฌ๋ˆ…์Šค ๋ฏผํŠธ 19.3

Client Feature

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ด๋Ÿฌํ•œ ๊ฒฝ๊ณ ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ˆ˜์ •ํ•˜๋ ค๋ฉด ESM ๋นŒ๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

HI arkenstan ์ž˜ angular.json ํŒŒ์ผ์— ์ด๊ฒƒ์„ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒฝ๊ณ ๋ฅผ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค.

`
"๊ฑด์ถ•๊ฐ€": {
"์ง“๋‹ค": {
"๋นŒ๋”": "@angular-devkit/build- angular:browser ",
"์˜ต์…˜": {
"allowedCommonJsDependencies": [
"socket.io-ํด๋ผ์ด์–ธํŠธ",
"socket.io ํŒŒ์„œ",
"๋””๋ฒ„๊ทธ"
],

`
๋˜ํ•œ #18025๋ฅผ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

์ด๋Ÿฌํ•œ ๊ฒฝ๊ณ ๋ฅผ ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ์ˆ˜์ •ํ•˜๋ ค๋ฉด ESM ๋นŒ๋“œ๋ฅผ ์ถ”๊ฐ€ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Œ ๊ฒฝ๊ณ : ์ง„์ž…์  simplebar-angular์—๋Š” ๊นŠ์€ ๊ฐ€์ ธ์˜ค๊ธฐ๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.
"build"=> "options"์—์„œ angular.json์„ ์ถ”๊ฐ€ํ•ด ๋ณด์„ธ์š”.

"allowedCommonJsDependencies": ["core-js"],

๋˜ํ•œ tsconfig.json์— ๋ฌด์–ธ๊ฐ€๋ฅผ ์ถ”๊ฐ€ํ•œ ๊ฒƒ์„ ๊ธฐ์–ตํ•ฉ๋‹ˆ๋‹ค.
์—ฌ๊ธฐ์—์„œ ๋„์›€์ด ๋œ ๊ฒƒ์€ ๊ธฐ๋ณธ ์„ค์ •์„ ์‚ฌ์šฉํ•œ ๋‚ด ์‚ฌ๋ก€ ํ™•์ธ์ž…๋‹ˆ๋‹ค.

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./public/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",
    "allowSyntheticDefaultImports": true,
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2018",
      "dom"
    ]
  }
}
์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰