インポートモジュール

Question

私はフォルダ構造をいじりてきたと私はこれは私が

を使用してい moduleである私のAngular2のApp

にモジュールをインポートすることができるように見えることはできません

以下は、コンポーネントをモジュール内に追加しようとした方法です。

誰かが私のモジュールをどのように使用してYTSearchを機能として使用できるかについて私を案内してくれる人がいれば、

app.component.ts

import { Component } from '@angular/core'; 
import * as YTSearch from 'youtube-api-search'; 


@Component({ 
    moduleId: module.id, 
    selector: 'app-root', 
    templateUrl: 'app.component.html', 
    styleUrls: ['app.component.css'] 
}) 
export class AppComponent { 

    API_KEY = "secret" 

    constructor(){ 
    this.state = { 
     videos: [] 
    }; 
    } 

    videoSearch(term){ 
    YTSearch({ 
     key: API_KEY, 
     term: term 
    }, (videos) => { 
     this.setState({ 
     videos: videos, 
     selectedVideo: videos[0] 
     }); 
    }); 
    }; 

} 

システム-CONFIG-TS

const map: any = { 
    'youtube-api-search': 'vendor/youtube-api-search/index.js' 
}; 

角度-CLI-build.js

var Angular2App = require('angular-cli/lib/broccoli/angular2-app'); 

module.exports = function(defaults) { 
    return new Angular2App(defaults, { 
    vendorNpmFiles: [ 
     'systemjs/dist/system-polyfills.js', 
     'systemjs/dist/system.src.js', 
     'zone.js/dist/**/*.+(js|js.map)', 
     'es6-shim/es6-shim.js', 
     'reflect-metadata/**/*.+(ts|js|js.map)', 
     'rxjs/**/*.+(js|js.map)', 
     '@angular/**/*.+(js|js.map)', 
     'youtube-api-search/index.js' 
    ] 
    }); 
}; 

Answer 1

あなたはライブラリのnpmパスをシステム構成のブロックにマップする必要があると思います。 つまり

私はうまくいきたいと思います。