μ€λ μμΉ¨μ λλ μκ°μ 2.24.0μμ 2.25.0μΌλ‘ μ
κ·Έλ μ΄λνκ³ Webpack λΉλμμ μ΄ κ²½κ³ λ₯Ό λ°κΈ° μμνμ΅λλ€.
Critical dependency: the request of a dependency is an expression
λ΄κ° μ¬μ©νλ λ²μ :
κΏκΊ½ - 4.0.2
μΉν© - 4.43.0
λ°λ²¨ - 7.9.6
κ·Έ μ¬μ΄μ λ€λ₯Έ μ λ°μ΄νΈκ° λ°μνμ§ μμμ΅λλ€. moment.jsλ§ μ λ°μ΄νΈλκ³ κ²½κ³ κ° λνλ©λλ€.
κ°μ λ¬Έμ
κ°μ λ¬Έμ
λΌλΌλ²¨ vue μ±μ momentλ₯Ό μ€μΉν ν
WARNING in ./node_modules/moment/src/lib/locale/locales.js 78:12-82:13
Critical dependency: the request of a dependency is an expression
@ ./node_modules/moment/src/lib/locale/locale.js
@ ./node_modules/moment/src/moment.js
@ ./resources/js/app.js
@ multi ./resources/js/app.js ./resources/sass/app.scss
μ¬κΈ°μμλ λ§μ°¬κ°μ§μ λλ€. ν¨ν€μ§ λ²μ μ 2.24.0μΌλ‘ μ κ·Έλ©΄ μ§κΈμ λμμ΄ λ©λλ€...
μ¬κΈ°λ κ°μ λ¬Έμ ! λΉνμ μΈ!
λλ κ°μ λ¬Έμ κ° μμλ€! κ΄μ°μ 2.24.0μΌλ‘ μ κ·Έκ³ λ΄ λΉλλ₯Ό μμ νμ΅λλ€.
ν견
μ¬κΈ°λ λ§μ°¬κ°μ§μ λλ€. 2.25.0μ μ΄ λ¬Έμ λ₯Ό μ 곡νμ§λ§ 2.24.0μ μ 곡νμ§ μμ΅λλ€. moment.jsμ 2092:16-2096:17 λ³κ²½ μ¬νμ΄ λ£¨νΈμ λλ€.
κ°μ λ¬Έμ μ§λ§ μ΄μνκ²λ devλ‘ μ€νν λλ§(μ΄κ²μ nuxt νλ‘μ νΈμ) λ¬Έμ λ src/lib/locale/locales.js
λΌμΈ 78 - 82,
λ°κΎΈλ€:
```μλ°μ€ν¬λ¦½νΈ
λ³μΉ νμ(
(μ ν __dirname !== μ μλμ§ μμ ? __dirname : '.') +
'/λ‘μΌμΌ/' +
μ΄λ¦
);
to:
μλ°μ€ν¬λ¦½νΈ
aliasedRequire('../locale/' + μ΄λ¦);
````
λ¬Έμ ν΄κ²°
λ΄ μ€μ μΌλ‘ dev λ° prod λΉλ λͺ¨λμμ μ»μ΅λλ€.
μ¬κΈ°μμλ λ§μ°¬κ°μ§μ λλ€. ν¨ν€μ§ λ²μ μ 2.24.0μΌλ‘ μ κ·Έλ©΄ μ§κΈμ λμμ΄ λ©λλ€...
μ, κ·Έκ²μ λͺ λ°±ν ν΄κ²° λ°©λ²μ΄μ§λ§ μ€μ λ‘ ν΄κ²°μ± μ μλλλ€ :-).
moment.format()
μ νΈμΆνλ λμ κ°λ μμ© νλ‘κ·Έλ¨μ© μΉ λΈλΌμ°μ μμ λμΌν κ²½κ³ κ° νμλκ³ λ€μκ³Ό κ°μ μ½μ μ€λ₯κ° λ°μν©λλ€.
ERROR TypeError: __WEBPACK_IMPORTED_MODULE_2_moment__ is not a function
(main.bundle.js:11539)
Show 102 more frames
μ¬κΈ°λ λ§μ°¬κ°μ§
μμ νμΈ
μ μλ§μ. μ΄κ²μ μ€λ₯κ° μλλΌ κ²½κ³ μ λλ€. μ¬μ ν λ²λ€μ μμ°ν©λκΉ?
2.25.0 μκ°:
% ./node_modules/.bin/webpack
Hash: 42b60d02778538c038dc
Version: webpack 4.43.0
Time: 497ms
Built at: 05/01/2020 4:56:43 PM
Asset Size Chunks Chunk Names
bundle.js 72.2 KiB 0 [emitted] main
Entrypoint main = bundle.js
[13] ./node_modules/moment/src/lib/units/month.js + 1 modules 9.92 KiB {0} [built]
| 2 modules
[26] ./node_modules/moment/src/lib/create/valid.js + 1 modules 1.88 KiB {0} [built]
| 2 modules
[36] ./node_modules/moment/src/lib/create/from-anything.js + 8 modules 25.1 KiB {0} [built]
| 9 modules
[46] (webpack)/buildin/harmony-module.js 573 bytes {0} [built]
[47] ./node_modules/moment/src/lib/locale sync 160 bytes {0} [optional] [built]
[48] ./src/index.js + 54 modules 84.6 KiB {0} [built]
| ./src/index.js 62 bytes [built]
| + 54 hidden modules
+ 43 hidden modules
WARNING in ./node_modules/moment/src/lib/locale/locales.js 78:12-82:13
Critical dependency: the request of a dependency is an expression
@ ./node_modules/moment/src/lib/locale/locale.js
@ ./node_modules/moment/src/moment.js
@ ./src/index.js
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
κ·Έλ¦¬κ³ κ·Έκ²μ μλν©λλ€.
% ./node_modules/.bin/webpack
Hash: c16dbd62d51ed42203b2
Version: webpack 4.43.0
Time: 559ms
Built at: 05/01/2020 4:58:27 PM
Asset Size Chunks Chunk Names
bundle.js 263 KiB 0 [emitted] [big] main
Entrypoint main [big] = bundle.js
[128] ./src/index.js 62 bytes {0} [built]
[129] (webpack)/buildin/module.js 497 bytes {0} [built]
[130] ./node_modules/moment/locale sync ^\.\/.*$ 3 KiB {0} [optional] [built]
+ 128 hidden modules
WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
bundle.js (263 KiB)
WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
main (263 KiB)
bundle.js
WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
κ·Έλ¦¬κ³ κ·Έκ²μ μ¬μ ν ββμλν©λλ€.
μ μλ§μ. μ΄κ²μ μ€λ₯κ° μλλΌ κ²½κ³ μ λλ€. μ¬μ ν λ²λ€μ μμ°ν©λκΉ?
λ€, κ·Έλ μ΅λλ€. μ¬μ ν μ±κ°μκ³ μλͺ»λμμΌλ©° λΉλ μΆλ ₯μ μν°λ¦¬ νμ μΌλ‘ κ°λ μ±μ μ΅λλ€.
λλ μ΄κ²μ λ³΄κ³ μμ§λ§ μ°λ¦¬ CIλ₯Ό ν΅ν νλ‘λμ λΉλμμλ§ λ³Ό μ μμ΅λλ€.
@jontybrook λμΌν λμμ λ³΄κ³ μμμ§λ§ node_modules ν΄λμ ν΅μ λ£μ ν λ‘컬μμ μ΄λ₯Ό μ¬νν μ μμμ΅λλ€.
react-nativeμ λν λ¬Έμ λ₯Ό μμ νλ __dirname
μλ μ½λλ₯Ό λλλ €μΌ (μΉν© μ¬μ©μ) λ λμ μ½μ μΆλ ₯μ λ³Ό μ μμ΅λλ€.
2.25.1μμ μμ λ¨
μ΄κ²μ λ λμ μ½μ μΆλ ₯κ³Όλ μ무 κ΄λ ¨μ΄ μμ§λ§... μ€νλ € λ§μ μ¬λλ€μ μν΄ μ΄μμ μΌλ‘ ν μ€νΈλ μ½λ κΉ¨λ λΉλλ³΄λ€ μ μ΅λλ€!
λͺ λΆ μ μ μμ λμ΄ κ²μλμλ€λ μμμ λ£κ² λμ΄ κΈ°μ©λλ€. μ§λ λͺ μκ° λμ μμΈμ μ°ΎμΌλ €κ³ λ Έλ ₯νμ΅λλ€.
μ΄κ²μ λ λμ μ½μ μΆλ ₯κ³Όλ μ무 κ΄λ ¨μ΄ μμ§λ§... μ€νλ € λ§μ μ¬λλ€μ μν΄ μ΄μμ μΌλ‘ ν μ€νΈλ μ½λ κΉ¨λ λΉλλ³΄λ€ μ μ΅λλ€!
μ νν ! μ€λ κ²½κ³ λ λ΄μΌ μ μ¬μ μΈ μ€λ₯μ λλ€.
κ·Έκ²μ κ²½κ³ λ³΄λ€ ν¨μ¬ λ λλΉ΄μ΅λλ€ ... μ°μ°ν μ΅μ λ²μ μ μκ°μ λμ μΌλ‘ κ°μ Έ μ€λ moment-timezoneμ μ€ννκ³ μλ€λ©΄ μ½λκ° μμ ν κΉ¨μ‘μ΅λλ€!
μ μλ§μ. μ΄κ²μ μ€λ₯κ° μλλΌ κ²½κ³ μ λλ€. μ¬μ ν λ²λ€μ μμ°ν©λκΉ?
λ²λ€ μμ°λ§ μνλ κ²°κ³Όκ° λμλ€λ©΄...
react-nativeμ λν λ¬Έμ λ₯Ό μμ νλ
__dirname
μλ μ½λλ₯Ό λλλ €μΌ (μΉν© μ¬μ©μ) λ λμ μ½μ μΆλ ₯μ λ³Ό μ μμ΅λλ€.2.25.1μμ μμ λ¨
μ νμ?! κΉ¨λν μΆλ ₯μ΄ μ€μν©λλ€. λ΄ μ€μ μμ λμκ² μ€μν ν΅κ³μ λ©νΈλ¦μ λ£μκ³ λΆνμν κ²λ€λ‘ κ°λ μ°¨λ©΄ μ½κΈ°κ° μ§λ£¨νκ³ μ΅μν λ΄ μμ μ΄ λλ €μ§λλ€. κ·Έλ° λ€μ κ²½κ³ λ νμ μ₯κΈ°μ μΌλ‘ 무μν΄μλ μλλ κ²μ λλ€. λ§μ§λ§μ΄μ§λ§ μ€μ λ‘λ 첫 λ²μ§Έμ λλ€. @agrohsκ° λ³΄κ³ ν λλ‘ μΌλΆ μ€μ μμ μ€μ λ‘ μ€λ¨λλ κ²μΌλ‘ λνλ¬μ΅λλ€. κ·Έλμ ... νμλ μ¬κΈ°μ μ λ°°μΉλμ§ μλλ€κ³ μκ°ν©λλ€. κ·Έλλ κ³ μ³μ£Όμ μ κ°μ¬ν©λλ€.
μ΄ λ¬Έμ κ° ν΄κ²°λμ΄ κΈ°μ©λλ€. μ΄ν λ²μ κΉμ§ 2.24.0μ κ³μ μ¬μ©νκ±°λ μ μ§ν μ μμ΅λλ€... λ°°ν¬ ν μ€λ μμΉ¨μ μΉ μ±μ΄ κ³ μ₯λ μ΄μ λ₯Ό νμ νλ λ° λ무 μ€λ μκ°μ΄ κ±Έλ Έμ΅λλ€.
"λΉμ " μΉν© μ¬μ©μ... μΌλͺ μΉ μ± κ°λ°μμ ν° λΆλΆ. νμ¬ μΉν© νλ‘μΈμ€μμ μ€λ μΆκ° λ°μ΄ν°κ° μμΌλ―λ‘ λ λμ μ½μ μΆλ ₯μ λ³΄κ³ μΆμ§ μκ³ κ·Έλ₯ μλνκΈ°λ§ νλ©΄ λ©λλ€.
μ¬μ ν λ¬Έμ λ°μ: https://github.com/moment/moment/issues/5472
react-nativeμ λν λ¬Έμ λ₯Ό μμ νλ
__dirname
μλ μ½λλ₯Ό λλλ €μΌ (μΉν© μ¬μ©μ) λ λμ μ½μ μΆλ ₯μ λ³Ό μ μμ΅λλ€.2.25.1μμ μμ λ¨
λμλ₯Ό μ μ³λκ³ v2.25.1μ μ€μ λ‘ μ무 κ²λ μμ νμ§ μμ΅λλ€( Module not found
κ²½κ³ λ μ¬μ ν μ‘΄μ¬ν©λλ€). λλ μΌλ°μ μΌλ‘ μκ°μ μμ λ΄μ¬νλ μ€ν μμ€ κΈ°μ¬μλ€μ λν΄ λΉνμ μΈ νλλ₯Ό μ·¨νλ κ²μ μΌκ°νμ§λ§, λ¨μν λ¬Έμ λ₯Ό λ³΄κ³ νλ μ¬μ©μμ λν νλλ μΌκ°ν΄ μ£Όμμμ€. κ·Έλ¦¬κ³ μ, κ²½κ³ μλ μ΄μ κ° μμ΅λλ€. κ·Έκ²λ€μ 무μνλ©΄ λͺ¨λ μ’
λ₯μ λ€λ₯Έ μ λ³΄κ° νλ €μ§κ³ μΌλ°μ μΌλ‘ λ¬Έμ κ° λ°μν©λλ€.
μ΄ λ¬Έμ λ λ«νμλ μ λ©λλ€... μΉν©μ μ¬μ©νλ μκ° μκ°λ μ¬μ©μμκ²λ κ²½κ³ νμ λ¬Έμ (κ·Έλ¦¬κ³ μμ²λκ² λ§μ μ¬λλ€μκ² μν₯μ λ―ΈμΉλ λ¬Έμ )κ° μλλΌ λΈλ μ΄νΉ 체μΈμ§μ λλ€.
κ°μ λ¬Έμ
2.25.0μ μμ νμ§ μμ
μμ νμ§ μμ 2.25.1
μμ νμ§ μμ 2.25.2
μλ λ²μ μΌλ‘ λλ리길 λ°λλλ€.
λμ νμΈ νκ²½
https://github.com/standard-software/partsjs/tree/v5.0.0
ν¨ν€μ§.json
μμΌ μ΄κ±° μ κ³ μ³μ‘μ΄! νΉν Webpackκ³Ό κ°μ κΈ°μ‘΄ λΉλλ₯Ό κΉ¨λ¨λ¦΄ λ ν΄κ²°λ λκΉμ§ κ²°ν¨μ λ«μ μ μμ΅λκΉ? @ichernev ν΄κ²°λμ§ μμ
μλ νμΈμ, BUMP!, μ΄κ²μ μμ λμ§ μμ λ΄ λΉλλ κΉ¨κ³ μμ΅λλ€!.
npm i momentλ‘ μκ°μ μ λ°μ΄νΈνκ³ ν΄κ²°νμ΅λλ€.
κ°μ₯ μ μ©ν λκΈ
μ¬κΈ°μμλ λ§μ°¬κ°μ§μ λλ€. ν¨ν€μ§ λ²μ μ 2.24.0μΌλ‘ μ κ·Έλ©΄ μ§κΈμ λμμ΄ λ©λλ€...