globalize.jsを使用して数値をフォーマットしたい。

###前提・実現したいこと
globalize.jsを使用して数値をフォーマットしたい。
必要なライブラリはそろえたつもりなのですが他に何か必要なのでしょうか？

###発生している問題・エラーメッセージ
ブラウザのコンソールに以下のメッセージが出力されます。

Error: E_MISSING_CLDR: Missing required CLDR content `supplemental/likelySubtags

###該当のソースコード

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <title>test</title>

    <script src="./Scripts/jquery-3.1.1.js"></script>
    <script src="./Scripts/cldr.js"></script>
    <script src="./Scripts/cldr/event.js"></script>
    <script src="./Scripts/cldr/supplemental.js"></script>
    <script src="./Scripts/cldr/unresolved.js"></script>
    <script src="./Scripts/globalize.js"></script>
    <script src="./Scripts/globalize/number.js"></script>
    <script>
        function text() {
            Globalize.locale("en");
            var formatter;
            formatter = Globalize.numberFormatter();
            console.log(formatter(3.141592));
        }
    </script>
</head>
<body>
    <form name="fm">
        <input type="text" id="txt" onclick="text();" />
    </form>  
</body>
</html>

###試したこと
最初はglobalize.jsを取得しましたが、cldr.jsも必要とのことなので取得して実行してみたところ当該のエラーが出ました。CLDRのコンテンツが不足しているようなのですが何が必要なのかが分かりません。

npm install globalize cldr-data
も試してみましたが何も取得できず変化なしでした。

###補足情報(言語/FW/ツール等のバージョンなど)
Visual Studio2015
jsのライブラリはnpmで取得しています。

行動規範の内容に同意します

回答2件

自己解決

数値をフォーマットすることが目的だったので、globalize.jsの使用は諦めd3.jsを使うことにしました。
しかしglobalize.jsはMS製とのことらしいのですが使うのに敷居が高すぎますね。だから情報があまりないのでしょうか。。

投稿2016/11/06 15:40

policeman2

総合スコア8

似たような現象と対応の海外のページを見つけたので。
CLDR data is reported as missing when locale is set with a region
このページの3/4辺りの’gkindel commented on 16 Jan 2015’で、

    Globalize.load({
        "supplemental": {
            "parentLocales": {
                "parentLocale": {
                    "en" : "en-US"
                }
            },
            "likelySubtags": {
                "de": "de",
                "en": "en",
                "fr": "fr"
            }
        }
    });

    Globalize.loadMessages({
        "en-US": {
            hello : "'Sup",
            world : "world"
        },
        "en-GB": {
            hello: "Cheerio"
        },
        "fr": {
            hello: "Bonjour",
            world : "tout le monde"
        },
        "de": {
            hello: "Guten Tag",
            world : "welt"
        }
    });

参考になるかなぁ。

投稿2016/11/05 03:59

MasahikoHirata

総合スコア3747

policeman2

2016/11/05 08:33

ご回答ありがとうございます。 Globalize.load...を追記してみましたが今度は別のエラーになりました。「Uncaught Error: E_MISSING_BUNDLE: {"locale":"en"}」調べてみたところ、以下に説明があったものの結局何をしたらいいのかわからない状況です。 (ロードされたCLDRデータのいずれもが対応していないということらしいです。) https://github.com/rxaviers/cldrjs/blob/master/README.md

行動規範の内容に同意します

あなたの回答