私は、角2のアプリで、次のライブラリを使用したいと仮定すると、角度の2

Question

にJavaScriptライブラリを使用して：私がする必要がどのような https://github.com/serkanyersen/ifvisible.js

？

私はconfigの私のSystemJSを更新しようとしました：

var map = { 
`'ifvisible.js': 'node_modules/ifvisible.js'` 
} 
var packages = { 
'ifvisible.js': {defaultExtension: 'js', main:'src/ifvisible.min' } 
    }; 

はまた、私のindex.htmlにこれを追加しました：

<script src="node_modules/ifvisible.js/src/ifvisible.min.js"></script> 

、私のコンポーネントで：

import * as ifvisible from 'ifvisible.js'; 

私が手error TS2307: Cannot find module 'ifvisible.js'.

何が問題なのですか？

Answer 1

あなたは角度-CLIを使用する場合は、あなたも同じように、角度-CLI-build.jsにそれを追加する必要があります。これは、あなたのdistフォルダにノードモジュールからファイルをコピーします

'ifvisible/**/*.+(js|js.map|d.ts)' 

。

Answer 2

ノードモジュールからのインポートは、指定されたタイプスクリプト定義のみで行うことができます。幸いにもinvisible.jsには1つしかありません。

あなたは

/// <reference path="../node_modules/ifvisible.js/ifvisible.d.ts"/> 

とも似インポートをインポートしているファイルの先頭に参照を追加し、あなたは次のnode_modulesにフォルダで作業していると仮定すると、

import ifvisible = require('ifvisible'); 

実行時のjavascriptで使用する場合は、このスクリプトをindex.htmlに追加します。

<script src="node_modules/ifvisible.js/src/ifvisible.min.js"></script> 

パブリックフォルダはしかし良い習慣ではないようnode_modulesを提供することに注意してください、私は別々のパブリックフォルダにifvisible.min.jsをコピーすることをお勧めいたします。