如何使用Angular CLI进行全球化

时间:2017-06-20 20:09:27

标签: angular angular-cli globalize cldr

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

  1. npm install globalize cldr-data
  2. import {Globalize} from 'globalize';
  3. app.component.ts
  4. ng serve
  5. 我收到此错误:

    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"
      ],
    

1 个答案:

答案 0 :(得分:0)

只包括任何库都不足以使用它,您需要在angular-cli.json文件中进行配置。

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

详细了解Global Library Installation here

希望这会有所帮助!!