WARNING in ./node_modules/moment/src/lib/locale/locales.js
Module not found: Error: Can't resolve './locale' in 'D:\project-fed\ecloud\client-web\node_modules\moment\src\lib\locale'
以äžã®æ©èœã«åé¡ãããããšãããããŸãã
function loadLocale(name) {
var oldLocale = null;
// TODO: Find a better way to register and load all the locales in Node
if (!locales[name] && (typeof module !== 'undefined') &&
module && module.exports) {
try {
oldLocale = globalLocale._abbr;
var aliasedRequire = require;
aliasedRequire('./locale/' + name);
getSetGlobalLocale(oldLocale);
} catch (e) {}
}
return locales[name];
}
aliasedRequire('./locale/' + name);
ã ../locale/
ãŸããïŒ
webpackã䜿çšããŠç¬éããŸãšãããšããããšåãèŠåã衚瀺ãããŸãã ãã®ãšã©ãŒãçºçãããšãã®ã¢ã€ãã¢ã¯ãããŸããïŒ
ç§ã¯angular-cliã䜿çšããŠåãèŠåããããŸããïŒ
åãåé¡ãæ±ããŠããŸãã åé¿ç/ä¿®æ£ãç¥ã£ãŠããŸããïŒ
åãåé¡-ã./ localeããšã../localeãã®ãã¹ã®åé¡ã®ããã«èŠããŸãã ãã®ãã°ã調ã¹ãŠãã人ã¯ããŸããïŒ
https://github.com/moment/moment/issues/2979
äœå¹Žãåããããã ã£ãããã§ããããªã圌ãããããä¿®æ£ããªãã®ãç§ã«ã¯ããããŸããã mainã®ä»£ããã«webpackã§jsnextïŒmainã䜿çšããããšãããšãã«ãããã«ãééããŸããã
es6ã³ãŒããé©åã«ãã©ã³ã¹ãã€ã«ããä»ã®ããã±ãŒãžã®webpackã§jsnextïŒmainã䜿ãç¶ããããã®
...
resolve: {
alias: {
moment$: path.resolve(root_dir, "node_modules/moment/moment.js")
}
}
äžèšã¯ç§ã«ã¯ããŸããããŸããã§ãããããã®ãã¥ãŒããªã¢ã«ã«åŸãããšã¯ç§ã«ãšã£ãŠãããä¿®æ£ããã®ã«åœ¹ç«ã¡ãŸããã
ããã«ã€ããŠäœãæ°ããããšã¯ãããŸããïŒ ç§ã¯LaravelMixã䜿çšããŠããŸã...ããã§ãåãã§ã...
ç§ããããŸã
import * as moment from 'moment';
ãããŠããã¯ããŸããããŸãã
ç§ããããŸã
import * as moment from 'moment';
ãããŠããã¯ããŸããããŸãã
webpackã®äžã«ïŒ LaravelMixã§ãããè¡ãæ¹æ³ãèããŠããŸã..
@marcelogarbinç³ãèš³ãããŸããããããŒãžã§ã³4以éLaravelã
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
@yaasinhamidiã®ãœãªã¥ãŒã·ã§ã³ã¯ããªãã¯ãè¡ããŸãã
ç§ããããŸã
import * as moment from 'moment';
ãããŠããã¯ããŸããããŸãã
ãã®ç·ã¯ã©ãã«çœ®ãã¹ãã§ããïŒ
2.25.0ã«ã¢ããããŒãããåŸããã®åãåé¡ãåããŠçºçããŸããã Laravel Mixã䜿çšããŠããŸãïŒä»¥åã®ããŒãžã§ã³ã§ã¯ãã®åé¡ã¯çºçããŠããŸããïŒã
ç§ã®åé¿çã¯2.24.0ã«æ»ãããšã§ã
æŽæ°åŸã«åãåé¡ã«çŽé¢ããŠããŸã
ä¿®æ£ããããŸã§ãv2.24.0ã«ããŒã«ããã¯ãããšãã®åé¡ã¯è§£æ±ºããŸãã
v.2.24.0ãžã®ããŒã«ããã¯ãç§ã«ãšã£ãŠã¯ããŸããããŸããã
ãã®åé¡ãçºçããŠããä»ã®äººã®ããã«ã node_modules/
ãã©ã«ããŒå
ã®ä»ã®ããã±ãŒãžãv2.24.0ãžã®äŸåé¢ä¿ãšããŠãã«ããç¬éã®ããŒãžã§ã³ã匷å¶ããå¿
èŠããããŸãã
糞ã䜿çšããŠããã®è¡ãpackage.jsonã«è¿œå ããŠ
"resolutions": {
"**/moment": "2.24.0"
},
ããã«ã¡ã¯ã¿ããªïŒ
éå»æ°æéããåãåé¡ã«çŽé¢ããæçµçã«ã¢ãŒã¡ã³ãããŒãžã§ã³ãå€æŽããããšã§åé¡ã解決ããŸããã
äžèšã®ã³ã¡ã³ãã§ç§ã¯æçµçãªè§£æ±ºçãèŠãŸããã
çç±ïŒ
_momentã¯17æéåã«æ°ããããŒãžã§ã³ã2.24.0ãã2.25.0ã«ãªãªãŒã¹ããŸã_
解決ïŒ
ã¹ããã1ïŒããŒãžã§ã³ãå€æŽãã
ã¹ããã2ïŒç³žã䜿çšããŠããå Žåã¯ã次ã®ããã«package.jsonãã¡ã€ã«ã«è§£å床ãè¿œå ããŠãã ãã
ãäŸåé¢ä¿ã{
ãã¢ãŒã¡ã³ããïŒã2.24.0ãã
"moment-timezone"ïŒ "^ 0.5.28"
}ã
ã解å床ãïŒ{
ãã¢ãŒã¡ã³ããïŒã2.24.0ã
}ã
ããããšãããããŸããã
æã£ãŠããŠãã次ã®ãããã¯ã package-lock.jsonã¯ãæ°ããããŒãžã§ã³ãã€ãŸã2.5.1ãäœæããŸãã ãããã£ãŠãåé¡ã解決ããããŸã§ããmomentãïŒã2.24.0ãã«å€æŽããŸãã
ãäŸåé¢ä¿ã{
"ã¢ãŒã¡ã³ã"ïŒ "^ 2.24.0"ã----------------> "ã¢ãŒã¡ã³ã"ïŒ "2.24.0"
}ã
2.24.0ã«ããŒã«ããã¯ããŸããããããŒãã®äœ¿çšäžã«åãèŠåã衚瀺ãããŸã
äŸåé¢ä¿ãåã€ã³ã¹ããŒã«ããåŸãä»æ¥ãã®ãšã©ãŒãçºçãå§ããã®ã¯å¥åŠã§ããwebpackã§ãã±ãŒã«ãã©ã°ã€ã³ãç¡èŠãããšããææ¡ãããä¿®æ£ã¯æ©èœããŸããã§ããã ããŸããã£ãã®ã¯ã @ sachins81ã«ãã£ãŠææ¡ãããŠããããã«ãããŒãžã§ã³ã2.24.0ã«ä¿®æ£ãããŸãŸã«ããããš
2.24.0ã«ããŒã«ããã¯ããŸããããããŒãã®äœ¿çšäžã«åãèŠåã衚瀺ãããŸã
@nitindevelopermca ã^ 2.24.0ãã§ã¯ãªãã2.24.0ãã§ããããšã確èªããŠãã ããã ïŒãããå€æŽããåŸãç§ã®ããã«åããïŒ
ã^ 2.18.1ãã«ããŒã«ããã¯ãããšããããã¹ãŠæ£åžžã«æ©èœããŠããããã§ã
åå¿ã䜿çšããåãåé¡ãç¬éã¯ç§ã®ãããžã§ã¯ãã®äŸåé¢ä¿ã§ã¯ãªãã®ã§ãããŒã«ããã¯ã§ããŸãã
åå¿ã䜿çšããåãåé¡ãç¬éã¯ç§ã®ãããžã§ã¯ãã®äŸåé¢ä¿ã§ã¯ãªãã®ã§ãããŒã«ããã¯ã§ããŸãã
ä»ã®ãšããããã®ã³ãã³ããå®è¡ã§ããŸãã
npm install [email protected] --save
ç§ãåãã±ãŒã¹ã§ãã©ããããããantdãã¢ãŒã¡ã³ããäŸåé¢ä¿ãšããŠäœ¿çšããŠããã®ã§ãæ°ããããŒãžã§ã³ããªãªãŒã¹ãããã®ãèŠãŠã次ã®ãªãªãŒã¹ã§ã¢ãŒã¡ã³ãã®åé¡ã解決ãããããšãé¡ã£ãŠããŸããæåã«ææ°ããŒãžã§ã³ã®2.25.1ãè©ŠããŠãã ãããäŸåé¢ä¿ãšããŠã¢ãŒã¡ã³ããè¿œå ããŠã¿ãŠãã ããã
ããããšãïŒ
dependencies
å
ãšresolutions
å
ã®åºå®ããŒãžã§ã³2.24.0
ã«å€æŽããã®ã«åœ¹ç«ã¡ãŸããã ç§ã¯èªåã®ã³ãŒãå
ã§ã react
ãšantd
äŸåé¢ä¿ãšããŠããã±ãŒãžã䜿çšããŠããŸãã
è€æ°ã®ã¯ãŒã¯ã¹ããŒã¹ãããå Žåã¯ããã¹ãŠã®package.json
ãã¡ã€ã«ãå€æŽããããšãå¿ããªãã§ãã ããã æåã¯ãããå¿ããŠããŸããŸããã
åãåé¡ãv2.25.1ã§çºçããã®ã§ãããããpackage.jsonã«è¿œå ããããšããŸãïŒç§ã¯yarnã䜿çšããŸãïŒïŒ
"dependencies" {
"moment": "2.24.0"
},
"resolutions": {
"moment": "2.24.0"
},
ããã§ãåããšã©ãŒã ç§ã¯
"dependencies": {
"moment": "^2.25.1"
}
npm run production
ãå®è¡ãããšã次ã®ããã«ãªããŸãã
shell script
WARNING in ./node_modules/moment/src/lib/locale/locales.js
Module not found: Error: Can't resolve './locale' in '/var/www/apf.local/html/node_modules/moment/src/lib/locale'
@ ./node_modules/moment/src/lib/locale/locales.js
@ ./node_modules/moment/src/lib/locale/locale.js
@ ./node_modules/moment/src/moment.js
@ ./resources/js/app.js
@ multi ./resources/js/app.js
~2.24.0
ããŒãžã§ã³ã§ã¯ããã¹ãŠãæåŸ
ã©ããã«æ©èœããŸãã
ããã«ã¡ã¯ã¿ããªïŒ
éå»æ°æéããåãåé¡ã«çŽé¢ããæçµçã«ã¢ãŒã¡ã³ãããŒãžã§ã³ãå€æŽããããšã§åé¡ã解決ããŸãããäžèšã®ã³ã¡ã³ãã§ç§ã¯æçµçãªè§£æ±ºçãèŠãŸããã
çç±ïŒ
_momentã¯17æéåã«æ°ããããŒãžã§ã³ã2.24.0ãã2.25.0ã«ãªãªãŒã¹ããŸã_解決ïŒ
ã¹ããã1ïŒããŒãžã§ã³ãå€æŽãã
- ãã¢ãŒã¡ã³ããïŒã2.24.0ãã
- "moment-timezone"ïŒ "^ 0.5.28"ã
ã¹ããã2ïŒç³žã䜿çšããŠããå Žåã¯ã次ã®ããã«package.jsonãã¡ã€ã«ã«è§£å床ãè¿œå ããŠãã ãã
ãäŸåé¢ä¿ã{
ãã¢ãŒã¡ã³ããïŒã2.24.0ãã
"moment-timezone"ïŒ "^ 0.5.28"
}ã
ã解å床ãïŒ{
ãã¢ãŒã¡ã³ããïŒã2.24.0ã
}ãããããšãããããŸããã
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
ãããïŒ ã§ããŸãïŒ
ããããšã ã
ãã®ä»äºã¯ããŸããããŸãã 次ã®è¡ãã€ã³ããŒãããã ãã§ãã
'moment / moment'ããã®ã¢ãŒã¡ã³ããšããŠ*ãã€ã³ããŒãããŸãã
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
çŽ æŽãããä¿®æ£:)ããã§å€§ããªé çã®çš®ã解決ããŸãã
Fantastic fix :) solved a major headache with this
誰ããçŽæ¥äŸåé¢ä¿ãšããŠantdãæã£ãŠããªãå Žåã®å¹³å¡ãªä¿®æ£ã
åãåé¡ãçºçããŸããããäŸåé¢ä¿ã«momentjsããããŸããã ããããantdã¯ããããŸãã
ãããŠãnpmã¯è§£å床ã§åäœã§ããŸããã
ç§ã«ãšã£ãŠä»ã®ãšããå¯äžã®è§£æ±ºçã¯ãantdãããŠã³ã°ã¬ãŒãããããšã§ãã
ç§ã¯ç©äºãæ©èœãããããã®è¿œå ã®ããã±ãŒãžãå«ãŸãªãã§ãããé©åãªè§£æ±ºçãèŠãããšãã§ããŸããã
Reactã¢ããªã§ãåãåé¡ãçºçããŸããããäœããã®çç±ã§çªç¶è¡šç€ºããå§ããŸããã ç§ã¯ãã®ã¢ããªã§moment
ããã£ãšäœ¿ã£ãŠããŠããã®ãšã©ãŒã«æ°ã¥ããããšã¯ãããŸããã§ããã ç§ã®å Žåããã®åé¡ã®ããã«Reactã¢ããªãã³ã³ãã€ã«ãããªãã£ããããå®éã«ã¯ãšã©ãŒã«ãªããŸããã
次ã«ãã³ã³ãã€ã«ã®åé¡ãä¿®æ£ããimport moment from 'moment/moment';
ãè©ŠããŸããããã¢ããªãå®è¡ãããã³ã«æ¬¡ã®èŠåã衚瀺ãããŸãã
./node_modules/moment/src/lib/locale/locales.js
Module not found: Can't resolve './locale' in 'C:\Users\myname\source\repos\myapp\node_modules\moment\src\lib\locale'
å¯äžã®ç¯çŽã®æ©æµã¯ãå°ãªããšãç§ã®Reactã¢ããªãæ£åžžã«ã³ã³ãã€ã«ãããŠå®è¡ãããããšã§ãã
create-react-appïŒtypescriptãã³ãã¬ãŒãïŒã§ãåãåé¡ããããŸãã import moment from 'moment';
è©ŠããŸãããããšã©ãŒãçºçããŸããïŒ
./node_modules/moment/src/lib/locale/locales.js
Module not found: Can't resolve './locale' in 'D:\MyName\Learning\ProjectName\node_modules\moment\src\lib\locale'
@devayarhlaineäžèšã®ã³ã¡ã³ãã«äžæçãªè§£æ±ºçãæçš¿ããŸããã確èªããŠãã ããã
ããã¯ç¬éã®æ°ããããŒãžã§ã³ã®åé¡ã§ããã
äžèšãšåãïŒ
ãã¢ãžã¥ãŒã« 'ã¢ãŒã¡ã³ã'ãèŠã€ãããŸãããã§ãåãåé¡ãçºçããŸãã
ãmoment / momentãããã®ã¢ãŒã¡ã³ããšããŠãimport *ãã䜿çšãããœãªã¥ãŒã·ã§ã³ã䜿çšãããšã1ã€ã®åé¡ã解決ããŸããã
ãããããã®åŸããšã©ãŒãçºçããŸããïŒ
./node_modules/moment/src/lib/locale/locales.jsã¢ãžã¥ãŒã«ãèŠã€ãããŸããïŒãDïŒ\ MyName \ Learning \ ProjectName \ node_modulesmoment \ src \ lib \ localeãã®ã./localeãã解決ã§ããŸãã
ããŠã³ã°ã¬ãŒãã¯è§£æ±ºçã§ã¯ãããŸããïŒç§ã®æèŠã§ã¯:-)ã
è§åºŠ8ããè§åºŠ9.1ã«ã¢ããã°ã¬ãŒããããšãã«ãã®ãšã©ãŒãçºçããŸããã
ã¢ãŒã¡ã³ã2.25.1ã«ã¢ããã°ã¬ãŒããããšãåé¡ïŒ5486ïŒ "TS2307ïŒã¢ãžã¥ãŒã« 'ã¢ãŒã¡ã³ã'ãèŠã€ãããŸããã"ïŒã¯è§£æ±ºãããŸãããããã±ãŒã«ãšã©ãŒã¯æ®ããŸããã
ã³ãã³ããyarncreatereact-appãã䜿çšããŠããå Žå
moment$: 'moment/moment.js'
äžèšã®è¡ããšã€ãªã¢ã¹ãããã¯ã®è¡çªå·311ã«æ¿å ¥ããŸãã
alias: {
// Support React Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
// Allows for better profiling with ReactDevTools
...(isEnvProductionProfile && { 'react-dom$': 'react-dom/profiling',
'scheduler/tracing': 'scheduler/tracing-profiling', }),
...(modules.webpackAliases || {}),
moment$: 'moment/moment.js'
},
ããã解決ããå¥ã®æ¹æ³ã¯ãmoment.jsãDay.jsã«çœ®ãæããããšã§ãã ãã®URLã®æ瀺ã«åŸã£ãŠãreact-app-rewired >> https://ant.design/docs/react/use-with-create-react-appã䜿çšãhttps://github.com/ant-design/antd-dayjs-webpack-pluginã«åŸã£ãŠãjsã231.11kbãã11.11kbã«çž®å°ãããšããå©ç¹ããã
const { override, addWebpackPlugin } = require('customize-cra');
const AntdDayjsWebpackPlugin = require('antd-dayjs-webpack-plugin');
module.exports = override(
addWebpackPlugin(new AntdDayjsWebpackPlugin())
);
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
çŽ æŽãããä¿®æ£!!!
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
ç§ã®ããã«åãã
åé¡ã®ã«ãŒãã®ããã«èŠããã®ã¯ã package.json
"module"
ãã£ãŒã«ããåå package.json
ïŒhttps://github.com/moment/moment/commit/9ce89e7fea881b39be23b8c0646f7ef7817985d9ïŒ
ããã«ãããä¿®æ£ããããã®PRããããŸãhttps://github.com/moment/moment/pull/5503
ãããåé€ãã"module": "./src/moment.js",
ããpackage.json
èŠåãç§ã®ããã«é¢ããŠè¡ãããŸããã ãšããã§ãç§ã®ãã®ã¯React
ã¢ããªã§ã- create-react-app
ãããŠç§ã¯"moment": "^2.25.1"
ãŸãã ææ°ããŒãžã§ã³ã䜿çšããŠããŠãããã®ãšã©ãŒãçºçããŠããŸãããã package.json
æŽæ°ãããšåé¡ã解決ããããã§ãã ããããšã@ApacheEx
å°ãªããšãç§ã«ãšã£ãŠã¯ããã®ãšã©ãŒãä¿®æ£ããŸããã
node_modules / moment / src / lib / locale /ã«ç§»åããŸãã
locales.jsãã¡ã€ã«ctrl + fãå€æŽãã './locale'+name
è¡ãæ€çŽ¢ããŸãã
'./'+name
ãŸãã
åããã©ã«ããšã/.localeã+ååãæããŠããçç±ãããããŸããããããããšã©ãŒã./localeã解決ã§ããªããšè¡šç€ºããçç±ã§ãã
æ£çŽãªãšãããå°æ¥ãšã©ãŒãçºçããå Žåã«åããŠãå ã®è¡ãã³ããŒããŠããäžã«ã³ã¡ã³ãããŸããã
ããã圹ç«ã€å Žåã¯ã芪æãç«ãŠãŸãã ãã®çš®ã®ãšã©ãŒã¯ããã«æªãã§ã...
åãåé¡ãçºçããä¿®æ£ãå©çšå¯èœã«ãªããŸã§2.24ã«æ»ããŸããã èªåãµãŒããŒäžã«æ§ç¯ããŠãããããã¢ãžã¥ãŒã«ãã¡ã€ã«ãç·šéã§ããªããããæ£åŒãªãªãªãŒã¹ãåŸ ã£ãŠããŸãã
2.24ããŒãžã§ã³ãš2.25.1ããŒãžã§ã³ã§åãåé¡ãçºçããŸãWARNING in ./node_modules/moment/src/lib/locale/locales.js
ãã©ãŠã¶ã³ã³ãœãŒã«ãéããšã次ã®ãšã©ãŒã衚瀺ãããŸãã
TypeError: Cannot read property 'defineLocale' of undefined at locales.min.js:1
ã¢ãŒã¡ã³ã2.22ã§ãåãåé¡ãçºçããŠããŸã
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã
ãã®ç·ã¯ã©ãã«çœ®ãã¹ãã§ããïŒ
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãããã®ç·ã¯ã©ãã«çœ®ãã¹ãã§ããïŒ
å¿ èŠãªãã¡ã€ã«ã§ã以äžã®ããã«ecmascriptã§momentjsã䜿çšããŸãã
import moment from 'moment/moment';
(() => {
const now = moment(moment.now());
console.log(now);
})
2.25.3ã§ãã®åé¡ãä¿®æ£ããå¿
èŠããããŸãã
ããã§ãåé¡ã解決ããªãå Žåã¯ãå¥ã®åé¡ãéããŠãã ããã
ãŸãã¯ã StackOverflowãè©ŠããŠåå¥ã®è³ªåãããããšãã§ããŸãã
WebPackæ§æã®ãã®ãšã€ãªã¢ã¹ã¯ãç§ã«ãšã£ãŠã®åé¡ãä¿®æ£ããŸãã
resolve: {
extensions: ['.js', '.ts'],
alias: {
'./locale': 'moment/locale'
}
}
ã¢ãŒã¡ã³ãã¿ã€ã ãŸãŒã³ã䜿çšããŠããå ŽåïŒ
https://github.com/moment/moment-timezone/issues/837
ç§ã¯ããã§ãããä¿®æ£ããŸãïŒ
import moment from 'moment';
import 'moment/locale/pt-br';
ããã¯æ©èœãããã±ãŒã«ã¯ 'pt-br'ã«èšå®ãããä»ã®ãã¹ãŠã®èšèªãæ©èœããŸãã
æãåèã«ãªãã³ã¡ã³ã
以äžã®ããã«ã€ã³ããŒãããã ãã§åäœããŸãïŒ
'moment / moment'ããã¢ãŒã¡ã³ããã€ã³ããŒãããŸãã