在angular cli中实现globalize时的Cldr问题

Question

我正在尝试创建一个具有L10n支持的angular 4项目。我正尝试在我的项目中使用Globalize库，在完成我的项目时遇到很多错误。我不想使用globalize - webpack - .But插件或更改我的webpack配置文件.I使用npm install globalize cldr-data.But安装globalize当我尝试在我的.ts文件中使用globalize时，就像import Globalize from 'globalize'一样，我遇到了像cant resolve cldr一样的错误。

​

import { Component,OnInit} from '@angular/core';
import * as cldr from 'cldrjs';
import Globalize from 'globalize';
var globalize = new Globalize( "en" );
console.log(globalize);

​

ERROR in ./~/globalize/dist/globalize.js
Module not found: Error: Can't resolve 'cldr'

我被困在这一点上，非常感谢.Any的帮助

Answer 1

您需要将路径添加到tsconfig.json文件中的globalize和cldr模块，如下所示：

{
  ...
  "compilerOptions": {
    ...
    "paths": {
      "globalize": [
        "node_modules/globalize/dist/globalize"
      ],
      "globalize/*": [
        "node_modules/globalize/dist/globalize/*"
      ],
      "cldr": [
        "node_modules/cldrjs/dist/cldr"
      ],
      "cldr/*": [
        "node_modules/cldrjs/dist/cldr/*"
      ],
      "jszip": [
        "node_modules/jszip/dist/jszip.min.js"
      ]
    }
  }
}

参考：https://github.com/DevExpress/devextreme-angular/blob/master/docs/setup-3rd-party-dependencies.md#globalize-registration

Answer 2

将以下内容添加到Webpackconfig文件中：

  resolve: {alias: {'cldr$': 'cldrjs', 'cldr': 'cldrjs/dist/cldr'}}