Storybook: Node 13μ—μ„œ Storybook λΉŒλ“œκ°€ μ‹€νŒ¨ 함 (@ babel / compat-data / corejs3-shipped-proposals λͺ¨λ“ˆμ„ 찾을 수 μ—†μŒ)

에 λ§Œλ“  2020λ…„ 04μ›” 20일  Β·  22μ½”λ©˜νŠΈ  Β·  좜처: storybookjs/storybook

버그 μ„€λͺ…
Storybook은 Node 12 (μ΅œμ‹  LTS 버전)μ—μ„œ μ œλŒ€λ‘œ λΉŒλ“œλ˜μ§€λ§Œ Node 13 (μ΅œμ‹  ν˜„μž¬ 버전)μ—μ„œλŠ” 였λ₯˜ cannot find module @babel/compat-data/corejs3-shipped-proposals 와 ν•¨κ»˜ μ‹€νŒ¨ν•©λ‹ˆλ‹€.

μž¬ν˜„ν•˜λ €λ©΄
Node 13으둜 React Storybook ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œν•˜μ‹­μ‹œμ˜€.

둜그
λ‹€μŒμ€ 전체 λΉŒλ“œ λ‘œκ·Έμž…λ‹ˆλ‹€.

2020-04-20T13:59:34.5474279Z info @storybook/react v5.3.17
2020-04-20T13:59:34.5475745Z info 
2020-04-20T13:59:34.5489934Z info clean outputDir..
2020-04-20T13:59:34.5695422Z info => Copying static files from: public
2020-04-20T13:59:34.5696240Z info => Copying prebuild dll's..
2020-04-20T13:59:34.5733932Z info => Building manager..
2020-04-20T13:59:34.5736917Z info => Loading manager config..
2020-04-20T13:59:34.5754999Z info => Loading presets
2020-04-20T13:59:34.9917905Z info => Loading custom manager config.
2020-04-20T13:59:34.9992102Z info => Compiling manager..
2020-04-20T14:00:01.6660748Z info => manager built (27 s)
2020-04-20T14:00:01.8006707Z info => Building preview..
2020-04-20T14:00:01.8010909Z info => Loading preview config..
2020-04-20T14:00:01.8030982Z info => Loading presets
2020-04-20T14:00:01.9197990Z info => Loading config/preview file in "./.storybook".
2020-04-20T14:00:01.9198265Z info => Adding stories defined in ".storybook/main.js".
2020-04-20T14:00:01.9482105Z info => Loading Webpack configuration from `node_modules/react-scripts`
2020-04-20T14:00:01.9482484Z info => Removing existing JavaScript and TypeScript rules.
2020-04-20T14:00:02.5784558Z info => Modifying Create React App rules.
2020-04-20T14:00:02.5826857Z info => Loading custom Webpack config (full-control mode).
2020-04-20T14:00:02.5835617Z info => Compiling preview..
2020-04-20T14:00:02.6621739Z <s> [webpack.Progress] 0% compiling
<...>
2020-04-20T14:00:35.4316201Z <s> [webpack.Progress] 100% 
2020-04-20T14:00:35.4320218Z 
2020-04-20T14:00:35.4355253Z ERR! => Failed to build the preview
2020-04-20T14:00:35.5169453Z ERR! ./.storybook/generated-entry.js
2020-04-20T14:00:35.5169898Z ERR! Module build failed (from ./node_modules/babel-loader/lib/index.js):
2020-04-20T14:00:35.5170244Z ERR! Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'
2020-04-20T14:00:35.5170385Z ERR! Require stack:
2020-04-20T14:00:35.5171142Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
2020-04-20T14:00:35.5171506Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js
2020-04-20T14:00:35.5171872Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/plugins.js
2020-04-20T14:00:35.5172359Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/index.js
2020-04-20T14:00:35.5179674Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/index.js
2020-04-20T14:00:35.5180075Z ERR! - /__w/<PROJECT_ROOT>/node_modules/babel-plugin-apply-mdx-type-prop/index.js
2020-04-20T14:00:35.5180430Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@mdx-js/mdx/mdx-hast-to-jsx.js
2020-04-20T14:00:35.5180808Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/mdx/mdx-compiler-plugin.js
2020-04-20T14:00:35.5181604Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/mdx-compiler-plugin.js
2020-04-20T14:00:35.5182865Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/frameworks/common/preset.js
2020-04-20T14:00:35.5183263Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/preset.js
2020-04-20T14:00:35.5183626Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/preset.js
2020-04-20T14:00:35.5183987Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/presets.js
2020-04-20T14:00:35.5184349Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/config.js
2020-04-20T14:00:35.5184712Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/build-static.js
2020-04-20T14:00:35.5185046Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/server.js
2020-04-20T14:00:35.5185402Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/dist/server/build.js
2020-04-20T14:00:35.5185750Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/bin/build.js
2020-04-20T14:00:35.5185917Z ERR!     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:952:15)
2020-04-20T14:00:35.5186073Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:835:27)
2020-04-20T14:00:35.5186219Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5186360Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5186963Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js:10:55)
2020-04-20T14:00:35.5187131Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5187278Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5187422Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5187557Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5187703Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5187840Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5188221Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js:29:44)
2020-04-20T14:00:35.5188375Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5188522Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5188668Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5189084Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5189755Z ERR!  @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./node_modules/@storybook/addon-docs/dist/frameworks/common/config.js ./node_modules/@storybook/addon-docs/dist/frameworks/react/config.js ./.storybook/preview.tsx ./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js ./.storybook/generated-entry.js main[6]
2020-04-20T14:00:35.5190062Z ERR! ./.storybook/preview.tsx
2020-04-20T14:00:35.5190378Z ERR! Module build failed (from ./node_modules/babel-loader/lib/index.js):
2020-04-20T14:00:35.5190711Z ERR! Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'
2020-04-20T14:00:35.5190848Z ERR! Require stack:
2020-04-20T14:00:35.5191207Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
2020-04-20T14:00:35.5191568Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js
2020-04-20T14:00:35.5191928Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/plugins.js
2020-04-20T14:00:35.5192267Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/index.js
2020-04-20T14:00:35.5192615Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/index.js
2020-04-20T14:00:35.5192978Z ERR! - /__w/<PROJECT_ROOT>/node_modules/babel-plugin-apply-mdx-type-prop/index.js
2020-04-20T14:00:35.5193328Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@mdx-js/mdx/mdx-hast-to-jsx.js
2020-04-20T14:00:35.5193700Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/mdx/mdx-compiler-plugin.js
2020-04-20T14:00:35.5194069Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/mdx-compiler-plugin.js
2020-04-20T14:00:35.5194449Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/frameworks/common/preset.js
2020-04-20T14:00:35.5194806Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/preset.js
2020-04-20T14:00:35.5195154Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/preset.js
2020-04-20T14:00:35.5195512Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/presets.js
2020-04-20T14:00:35.5195870Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/config.js
2020-04-20T14:00:35.5196232Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/build-static.js
2020-04-20T14:00:35.5196577Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/server.js
2020-04-20T14:00:35.5196938Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/dist/server/build.js
2020-04-20T14:00:35.5197283Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/bin/build.js
2020-04-20T14:00:35.5197438Z ERR!     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:952:15)
2020-04-20T14:00:35.5197590Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:835:27)
2020-04-20T14:00:35.5197734Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5197870Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5198277Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js:10:55)
2020-04-20T14:00:35.5198444Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5198592Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5198825Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5198964Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5199104Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5199240Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5199681Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js:29:44)
2020-04-20T14:00:35.5204630Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5204809Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5204955Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5205091Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5205918Z ERR!  @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./node_modules/@storybook/addon-docs/dist/frameworks/common/config.js ./node_modules/@storybook/addon-docs/dist/frameworks/react/config.js ./.storybook/preview.tsx ./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js ./.storybook/generated-entry.js main[4]
2020-04-20T14:00:35.5206259Z ERR! ./node_modules/acorn-jsx/index.js
2020-04-20T14:00:35.5206569Z ERR! Module build failed (from ./node_modules/babel-loader/lib/index.js):
2020-04-20T14:00:35.5206896Z ERR! Error: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'
2020-04-20T14:00:35.5207037Z ERR! Require stack:
2020-04-20T14:00:35.5207397Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js
2020-04-20T14:00:35.5207752Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js
2020-04-20T14:00:35.5208118Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/plugins.js
2020-04-20T14:00:35.5208469Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/config/files/index.js
2020-04-20T14:00:35.5208815Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@babel/core/lib/index.js
2020-04-20T14:00:35.5209184Z ERR! - /__w/<PROJECT_ROOT>/node_modules/babel-plugin-apply-mdx-type-prop/index.js
2020-04-20T14:00:35.5209518Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@mdx-js/mdx/mdx-hast-to-jsx.js
2020-04-20T14:00:35.5209889Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/mdx/mdx-compiler-plugin.js
2020-04-20T14:00:35.5210258Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/mdx-compiler-plugin.js
2020-04-20T14:00:35.5210632Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/frameworks/common/preset.js
2020-04-20T14:00:35.5210996Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/dist/preset.js
2020-04-20T14:00:35.5212105Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/addon-docs/preset.js
2020-04-20T14:00:35.5213149Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/presets.js
2020-04-20T14:00:35.5213933Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/config.js
2020-04-20T14:00:35.5214316Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/dist/server/build-static.js
2020-04-20T14:00:35.5214658Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/core/server.js
2020-04-20T14:00:35.5215012Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/dist/server/build.js
2020-04-20T14:00:35.5215599Z ERR! - /__w/<PROJECT_ROOT>/node_modules/@storybook/react/bin/build.js
2020-04-20T14:00:35.5215757Z ERR!     at Function.Module._resolveFilename (internal/modules/cjs/loader.js:952:15)
2020-04-20T14:00:35.5215905Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:835:27)
2020-04-20T14:00:35.5216122Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5216263Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5216678Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/polyfills/corejs3/usage-plugin.js:10:55)
2020-04-20T14:00:35.5216848Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5216998Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5217151Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5217294Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5217436Z ERR!     at Module.require (internal/modules/cjs/loader.js:1012:19)
2020-04-20T14:00:35.5217576Z ERR!     at require (internal/modules/cjs/helpers.js:72:18)
2020-04-20T14:00:35.5217953Z ERR!     at Object.<anonymous> (/__w/<PROJECT_ROOT>/node_modules/@babel/preset-env/lib/index.js:29:44)
2020-04-20T14:00:35.5218112Z ERR!     at Module._compile (internal/modules/cjs/loader.js:1123:30)
2020-04-20T14:00:35.5218257Z ERR!     at Object.Module._extensions..js (internal/modules/cjs/loader.js:1143:10)
2020-04-20T14:00:35.5218405Z ERR!     at Module.load (internal/modules/cjs/loader.js:972:32)
2020-04-20T14:00:35.5218529Z ERR!     at Function.Module._load (internal/modules/cjs/loader.js:872:14)
2020-04-20T14:00:35.5218884Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/lib/inspection/acornParser.js 18:39-59
2020-04-20T14:00:35.5219239Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/lib/inspection/inspectValue.js
2020-04-20T14:00:35.5219580Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/lib/inspection/index.js
2020-04-20T14:00:35.5219920Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/propTypes/createType.js
2020-04-20T14:00:35.5220256Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/propTypes/handleProp.js
2020-04-20T14:00:35.5220592Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/extractProps.js
2020-04-20T14:00:35.5220910Z ERR!  @ ./node_modules/@storybook/addon-docs/dist/frameworks/react/config.js
2020-04-20T14:00:35.5221633Z ERR!  @ multi ./node_modules/@storybook/core/dist/server/common/polyfills.js ./node_modules/@storybook/core/dist/server/preview/globals.js ./node_modules/@storybook/addon-docs/dist/frameworks/common/config.js ./node_modules/@storybook/addon-docs/dist/frameworks/react/config.js ./.storybook/preview.tsx ./node_modules/@storybook/addon-knobs/dist/preset/addDecorator.js ./.storybook/generated-entry.js
2020-04-20T14:00:35.5221851Z (node:163) UnhandledPromiseRejectionWarning: [object Object]
2020-04-20T14:00:35.5222644Z (node:163) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 4)
2020-04-20T14:00:35.5223236Z (node:163) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
2020-04-20T14:00:35.5580280Z npm ERR! code ELIFECYCLE
2020-04-20T14:00:35.5585246Z npm ERR! errno 1
2020-04-20T14:00:35.5602967Z npm ERR! [email protected] build-storybook: `npm run generateTypes && build-storybook -s public`
2020-04-20T14:00:35.5603219Z npm ERR! Exit status 1
2020-04-20T14:00:35.5603347Z npm ERR! 
2020-04-20T14:00:35.5603669Z npm ERR! Failed at the [email protected] build-storybook script.
2020-04-20T14:00:35.5603823Z npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2020-04-20T14:00:35.5662261Z 
2020-04-20T14:00:35.5664818Z npm ERR! A complete log of this run can be found in:
2020-04-20T14:00:35.5665464Z npm ERR!     /github/home/.npm/_logs/2020-04-20T14_00_35_560Z-debug.log
2020-04-20T14:00:35.5863724Z ##[error]Process completed with exit code 1.

체계:

λ‹€μŒ μ‹œμŠ€ν…œμ„ μ‹œλ„ν–ˆμŠ΅λ‹ˆλ‹€.

CI (GitHub μž‘μ—…) :
운영체제 : Ubuntu 18.04.4
λ…Έλ“œ : 13.13.0 (❌ μ‹€νŒ¨)
μŠ€ν† λ¦¬ 뢁 (리 μ•‘νŠΈ) : 5.3.17

둜컬 (Windows) :
운영체제 : Windows 10 Pro 1909
λ…Έλ“œ : 10.16.3 (βœ”οΈ 성곡), 12.16.2 (βœ”οΈ 성곡), 13.13.0 (❌ μ‹€νŒ¨)
μŠ€ν† λ¦¬ 뢁 (리 μ•‘νŠΈ) : 5.3.17

bug compatibility with other tools has workaround

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

node_modules 및 yarn.lock 및 13.13 λ…Έλ“œ μ‚¬μš©μ΄ λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  22 λŒ“κΈ€

cc @ndelangen

marktextλ₯Ό λΉŒλ“œν•˜λŠ” λ™μ•ˆ λ™μΌν•œ 문제λ₯Ό λ°œκ²¬ν–ˆμœΌλ©° Node 12.16.2μ—μ„œλ„ 잘 λΉŒλ“œλ©λ‹ˆλ‹€. λ‚˜λŠ” 그것이 μ—…μŠ€νŠΈλ¦Ό 버그라고 μƒκ°ν•©λ‹ˆλ‹€.

좔적 ν•  μˆ˜μžˆλŠ” μ—…μŠ€νŠΈλ¦Ό λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆκΉŒ?

github / babel-loaderμ—μ„œ κ΄€λ ¨ 문제λ₯Ό 찾지 λͺ»ν–ˆμŠ΅λ‹ˆλ‹€. λ‚˜λŠ” babel-loader 8.1.0 (μ΅œμ‹ )으둜 λΉŒλ“œν•˜λŠ” 데 μ„±κ³΅ν•˜μ§€ λͺ»ν–ˆμŠ΅λ‹ˆλ‹€. 이 도ꡬ에 더 λ§Žμ€ κ²½ν—˜μ„ 가진 μ‚¬λžŒμ΄ ν•˜λ‚˜λ₯Ό μ—΄λ©΄ λ§Œλ“€ 수 μžˆμŠ΅λ‹ˆλ‹€.

npm update 이 (κ°€)이 문제λ₯Ό ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€. λ¬Έμ œκ°€ CRA μˆ¨κ²¨μ§„ νŒ¨ν‚€μ§€μ— μžˆλ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€.

laravel 및 bootstrap-vue μ•±μ—μ„œ λ™μΌν•œ 였λ₯˜ λ©”μ‹œμ§€κ°€ λ‚˜νƒ€λ‚©λ‹ˆλ‹€.
npm update λ„μ›€μ΄λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ ν•œ 일은 node_modules 폴더 및 package-lock.json을 μ‚­μ œν•˜κ³  compat-dataλ₯Ό μ’…μ†μ„±μœΌλ‘œ κ°–λŠ” package.json의 νŒ¨ν‚€μ§€ ν•˜λ‚˜λ₯Ό μ—…λ°μ΄νŠΈν•˜λŠ” κ²ƒμž…λ‹ˆλ‹€.
μ²˜μŒμ—λŠ” μ—…λ°μ΄νŠΈκ°€ λͺ…ν™•ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. 버전 관리 νƒœκ·Έμ—μ„œ μ„Έ 번째 숫자λ₯Ό μ œκ±°ν–ˆμŠ΅λ‹ˆλ‹€.
@ babel / compat-dataλŠ” 버전 7.9.0의 λ…Έλ“œ 13.13κ³Ό ν˜Έν™˜λ˜μ§€λ§Œ 버전 7.8.6μ—μ„œλŠ” ν˜Έν™˜λ˜μ§€ μ•ŠλŠ”λ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€.

@ Sandman83 그런데 node_modules 및 package-lock.json .

node_modules 및 yarn.lock 및 13.13 λ…Έλ“œ μ‚¬μš©μ΄ λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

였늘이 λ¬Έμ œκ°€ λ°œμƒν•˜λ©΄ node_modules 및 package-lock.json을 μ œκ±°ν•˜λ©΄ νš¨κ³Όμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€.

@mckravaκ°€ λ§ν–ˆλ“―μ΄ node_modules 을 제거 ν•˜κ³  NodeJS v12λ₯Ό μ‚¬μš©ν–ˆμœΌλ©° μž‘λ™ν–ˆμŠ΅λ‹ˆλ‹€.

이 였λ₯˜λŠ” Vue μ•±μ—μ„œ yarn serve λ₯Ό μ‹€ν–‰ν–ˆμ„ λ•Œ λ‚˜νƒ€λ‚©λ‹ˆλ‹€.
λͺ¨λ‘ 제거 @mckrava 덕뢄에, node_modules 및 yarn.lock μ‹€ν–‰ yarn λ„μ›€μ„ν–ˆλ‹€.

제 κ²½μš°μ—λŠ” @babel/preset-env 을 ^7.8.7 μ—μ„œ ^7.9.0 ν•˜λŠ” 것이 λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€ β™₯ ️

npm update μ‚¬μš©ν•΄λ³΄κΈ°

κ·Έλž˜λ„ μž‘λ™ν•˜μ§€ μ•ŠμœΌλ©΄ λ‹€μŒμ„ μ—…λ°μ΄νŠΈν•˜κ³  node_modules 디렉터리λ₯Ό μ‚­μ œ ν•œ λ‹€μŒ npm install μ‹€ν–‰ν•˜μ„Έμš”.

"@babel/core": "^7.7.2 ~ @babel/core": "^7.9.0"
"@babel/preset-env": "^7.7.1 ~ @babel/preset-env": "^7.9.5"

이것이 νš¨κ³Όκ°€ 있기λ₯Ό λ°”λžλ‹ˆλ‹€

제 κ²½μš°μ—λŠ” @babel/preset-env 을 ^7.8.7 μ—μ„œ ^7.9.0 ν•˜λŠ” 것이 λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€ β™₯ ️

μ–΄λ–»κ²Œ 이걸 μ•Œμ•„ λƒˆλ‹ˆ, λ“œλ””μ–΄ 감사 λ“œλ €μš”

였늘이 λ¬Έμ œκ°€ λ°œμƒν•˜λ©΄ node_modules 및 package-lock.json을 μ œκ±°ν•˜λ©΄ νš¨κ³Όμ μ΄μ—ˆμŠ΅λ‹ˆλ‹€.

κ°μ‚¬ν•©λ‹ˆλ‹€!

제 κ²½μš°μ—λŠ” @babel/preset-env 을 ^7.8.7 μ—μ„œ ^7.9.0 ν•˜λŠ” 것이 λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€ β™₯ ️

λ§Žμ€ μ„ μƒλ‹˜, 그것은 λ‚˜λ₯Ό μœ„ν•΄ μž‘λ™ν•©λ‹ˆλ‹€

λ…Έλ“œκ°€ 12.16.1μ—μ„œ 12.17.0으둜 올라 갔을 λ•Œ κ·Έ 였λ₯˜λ₯Ό λ°œκ²¬ν–ˆμŠ΅λ‹ˆλ‹€.

yarn.lock @babel/compat-data μ—μ„œ 2 개 ν•­λͺ©μ„ μ œκ±°ν•˜κ³  yarn λ₯Ό μ‹€ν–‰ν•˜μ—¬ 쀑볡을 μ œκ±°ν•˜μ—¬ 문제λ₯Ό ν•΄κ²°ν–ˆμŠ΅λ‹ˆλ‹€.

μ§€κΈˆκΉŒμ§€ ν•΄κ²°μ±… 만 μ–ΈκΈ‰ν–ˆμ§€λ§Œ μ΄μœ λŠ” μ–ΈκΈ‰ν•˜μ§€ μ•Šμ•˜κΈ° λ•Œλ¬Έμ— (이 λ•Œλ¬Έμ— μ–΄λ–€ 해결책이 μ˜³μ€μ§€ κΆκΈˆν•©λ‹ˆλ‹€) μ§€μ ν•΄μ•Όν•œλ‹€κ³  μƒκ°ν–ˆμŠ΅λ‹ˆλ‹€.

이 문제 λŠ” 바벨이 μ‹€μ œλ‘œ 버그 인 λ…Έλ“œ λ™μž‘μ— 의쑴 ν–ˆλ‹€λŠ” μ‚¬μ‹€λ‘œ μ΄μ–΄μ§‘λ‹ˆλ‹€. 그런 λ‹€μŒ ν•΄λ‹Ή 버그가 Nodeμ—μ„œ μˆ˜μ •λ˜μ—ˆκ³  babel νŒ¨ν‚€μ§€κ°€μ΄ 문제λ₯Ό λ‚˜νƒ€ λ‚΄κΈ° μ‹œμž‘ν–ˆμŠ΅λ‹ˆλ‹€. λ”°λΌμ„œ @babel/preset-env 을 7.9.0 둜 μ—…κ·Έλ ˆμ΄λ“œν•˜κ³  λ°”λ‘œ 여기이 문제 λŒ€μ‹  babel repo의 PR을 μ°Έμ‘°ν•˜λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

λ˜ν•œμ΄ λ¬Έμ œκ°€ λ°œμƒν•˜μ—¬ node_modulesλ₯Ό μ‚­μ œν•˜λŠ” 것은 μ“Έλͺ¨κ°€ μ—†μŠ΅λ‹ˆλ‹€. package-lock.json νŒŒμΌμ„ μ‚­μ œν•΄μ•Όν•©λ‹ˆλ‹€.

μ΅œμ‹  μ†”λ£¨μ…˜ :

yarn add @babel/preset-env -D 

ν”„λ‘œ ν…ŒμŠ€νŠΈκ°€ νš¨κ³Όμ μž…λ‹ˆλ‹€! ! !

제 κ²½μš°μ—λŠ” ^ 7.11.5μ—μ„œ @ babel / preset-envλ₯Ό μ—…λ°μ΄νŠΈν•˜λŠ” 것이 λ„μ›€μ΄λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰