【问题标题】:Is there any "ember-moment-shim" alternative for dayJS?dayJS 是否有任何“ember-moment-shim”替代方案?
【发布时间】:2020-04-14 10:57:26
【问题描述】:

ember-moment-shim 是一个 ember 插件,它根据 Moment.jsMoment-Timezone 有条件地生成语言环境。

任何工具或流程都可以用 DayJs 代替。

参考:https://github.com/jasonmit/ember-cli-moment-shim

更新

我想根据需求延迟加载或动态加载 dayJs 语言环境。并且每次需要加载语言环境时,都需要像这样导入它

import fr from 'dayjs/locale/fr'

只是每次都是不同的语言环境,并且可以根据 API 响应的设置在刷新时更改。

ember-auto-import 抛出 错误

Uncaught SyntaxError: Cannot use import statement outside a module*

【问题讨论】:

  • 你试过只使用ember-auto-import吗?
  • 是的,它会引发未捕获的错误。相应地更新了问题
  • 请添加import fr from 'dayjs/locale/fr' 周围的代码。你在哪里运行它?你如何获得based on the settings from API response. 。您是否也按照说明使用动态导入:github.com/ef4/ember-auto-import#dynamic-import

标签: ember.js locale shim ember-addon dayjs


【解决方案1】:

不再需要像 ember-cli-moment-shim 这样的插件来使用 NPM 中的库,而是可以在安装 ember-auto-import 后直接使用它们。

从命令行执行:

ember install ember-auto-import
npm install dayjs

然后你可以在需要的地方导入dayjs。

例如在一个组件中:

//app/components/today.js
import dayjs from 'dayjs';
import Component from '@glimmer/component';

export default class TodayComponent extends Component {
  today = dayjs().format();
}

【讨论】:

  • 已经被使用了。似乎不适用于我的情况。我已经相应地更新了问题。
  • 浏览器对动态导入的支持是什么?更具体地说,它是否支持 Browsers >= IE11 ?
  • ember-auto-import 的一大优点是它可以将动态导入转换为config/targets.js 文件中所有浏览器上的工作代码。动态导入被转译出来,以便它们适用于您的应用支持的所有内容。
猜你喜欢
  • 2017-03-06
  • 1970-01-01
  • 2022-01-12
  • 2011-06-07
  • 2012-05-03
  • 1970-01-01
  • 2020-07-13
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多