moment.js设置Locale不生效：依赖与主项目版本差异问题

你碰到的这个坑，核心原因是主项目和依赖包各自维护了独立的Moment.js实例——主项目用的是v2.24.0，你的依赖单独装了v2.26.0，这俩完全是两个不相干的模块。你在依赖里调用moment.locale()，修改的只是依赖内部那个v2.26.0实例的Locale，主项目用的v2.24.0实例根本没被影响，所以控制台看着设置成功了，但实际主项目里的Locale还是没变。

给你几个可行的解决办法：

方案一：统一项目内的Moment.js版本（最推荐） #

把主项目和依赖的Moment版本统一成同一个，从根源上消除实例冲突。

• 如果用Yarn，直接在主项目的package.json里加resolutions字段强制统一版本：

  "resolutions": {
    "moment": "2.24.0" // 或者升级主项目到2.26.0，选哪个都行
  }
  

• 如果用npm，需要先安装npm-force-resolutions工具，然后在package.json里配置：

  "scripts": {
    "preinstall": "npx npm-force-resolutions"
  },
  "resolutions": {
    "moment": "2.24.0"
  }
  

  配置完重新执行npm install，整个项目就只会存在一个Moment实例，依赖里的setLocale自然就能正常影响主项目了。

方案二：让依赖复用主项目的Moment实例 #

如果没法统一版本，可以修改依赖的代码，让它接收主项目传入的Moment实例，而不是用自己的：
依赖里的代码改成这样：

// 依赖包内的setLocale方法
export const setLocale = (locale, momentInstance) => {
  console.log(`Locale to be set: ${locale}`);
  // 用传入的主项目Moment实例来设置Locale
  momentInstance.locale(locale);
  console.log(momentInstance.locale());
};

然后主项目调用的时候，把自己的Moment传进去：

// 主项目里的调用代码
import moment from 'moment';
import { setLocale } from '你的依赖包名称';

setLocale('de', moment);

这样修改的就是主项目正在使用的那个Moment实例的Locale，肯定能生效。

方案三：临时同步Locale设置（应急用） #

如果前两种方案都没法实施，只能退而求其次——在主项目切换Locale的时候，同时调用依赖的setLocale方法，保证两边的Locale一致。不过这只是个临时 workaround，不如前两种方案优雅，后续版本升级还是可能出问题。

你可以自己验证一下：在依赖里打印console.log(moment)，再在主项目里打印console.log(moment)，对比两者的引用地址，肯定是不一样的，这就实锤了是多实例冲突的问题。

内容的提问来源于stack exchange，提问作者KarloSpacapan