[英]Cldr issue with globalize when implementing in angular cli
我正在嘗試創建一個支持 L10n 的 angular 4 項目。我正在嘗試在我的項目中使用Globalize庫。但是我在編譯我的項目時遇到了很多錯誤。我不想使用 globalize-webpack-plugin 或更改我的webpack 配置文件。我使用npm install globalize cldr-data
。但是當我嘗試在我的 .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'
我被困在這一點上。任何幫助表示贊賞
您需要在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
將以下內容添加到您的 Webpackconfig 文件中:
resolve: {alias: {'cldr$': 'cldrjs', 'cldr': 'cldrjs/dist/cldr'}}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.