如何通过 Angular CLI 使用 Globalize

Question

如何在从 Angular cli 生成的 Angular 应用程序中加载 Globalize 库以及 CLDR 数据。当我执行以下步骤时：

1. npm install globalize cldr-data
2. import {Globalize} from 'globalize'; 在app.component.ts
3. ng serve

我收到此错误：

Can't resolve 'cldr' in '/Users/temp-user/cldr-app/node_modules/globalize/dist'
 @ ./~/globalize/dist/globalize.js 22:2-25:14
 @ ./~/globalize/dist/node-main.js
 @ ./src/app/app.component.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

编辑：

还尝试将其包含在 scripts 中的 angular-cli.json 中

  "scripts": [
     "../node_modules/cldrjs/dist/cldr.js",
     "../node_modules/globalize/dist/globalize.js"
  ],

Answer 1

仅仅包含任何库都不足以使用它，您需要在angular-cli.json文件中配置它。

"scripts": [
  ... path to global libraray
]

阅读更多关于Global Library Installation here的信息。