2016-07-14 3 views
0

私はAngular 2アプリケーションでフィルタリングするlodash uniqBy関数を試しています。しかし、インポートステートメントでエラーが発生していますimport * as 'lodash';。私は試しましたインポート_から 'ロダッシュ';,インポート_ 'lodash/lodash'から。インポート* as 'from lodash/lodash';も同じエラーが発生します。つまり、モジュール「lodash」が見つかりません。 angular2 failing lodash import、そしてImporting lodash into angular2 + typescript applicationをチェックした後、私はそうlodashをapp.tsファイルにインポートする

<script> 
 
     System.config({ 
 
     packages: {   
 
      app: { 
 
      format: 'register', 
 
      defaultExtension: 'js' 
 
      } 
 
     }, 
 
     map: { 
 
      lodash: 'node_modules/lodash/lodash.js' 
 
     } 
 
     }); 
 
     System.import('app/main') 
 
      .then(null, console.error.bind(console)); 
 
    </script>

私もそう

ように私のpackage.jsonファイルに依存関係にlodashを追加したように私のsystem.configにlodashをマッピングされました

"dependencies": { 
 
     "angular2": "2.0.0-beta.15", 
 
     "systemjs": "0.19.26", 
 
     "es6-shim": "^0.35.0", 
 
     "reflect-metadata": "0.1.2", 
 
     "rxjs": "5.0.0-beta.2", 
 
     "zone.js": "0.6.10", 
 
     "bootstrap": "^3.3.6", 
 
     "lodash":"^4.13.1" 
 
    }
npmインストール後、lodash.jsファイルが表示されます。 - > node_modules/lodash/lodash.js、bそれでも私はエラーが発生しています モジュール 'lodash'が見つかりません。

ここで間違っているかもしれないことについてご意見をお寄せください。実際に

答えて

0

、活字体アプリケーションに2つの部分がある:コードが実際にLodashライブラリを参照することにより

を実行したとき

  • コンパイル部は
  • 実行部を確認するタイプとSystemJSの設定では、実行部分だけに取り組んでいます。あなたのエラーは、Lodashライブラリの型をインストールしていないので、コンパイル部分から来ています。

    は、次の操作を試みることができる:

    $ typings install lodash --ambient 
    
+0

周囲フラグが廃止されるように見えたので、グローバル使用する必要がありました。それでも動作しませんでした。タイムアウトメッセージが表示され、エラーで終了しました。 入力ERR!メッセージ "https://api.typings.org/entries/npm/l odash/versions/latest"に接続できません 入力ERR!接続によって引き起こされるETIMEDOUT 104.24.113.177:443 入力ERR!ノード-v v4.4.5 入力ERR! typings -v 1.3.1 タイピングERR!コードEUNAVAILABLE – abhi

+0

明らかに私はこれらのすべてのステップを経る必要はありませんでした。 index.html のlodashを参照するだけで十分でした。そしてlodashは厳密に型付けされていないので、変数を宣言すると、app.tsのvar _:anyが宣言されます。 – abhi

関連する問題