Sharepoint Framework cant find module

Question

youtube-api-searchを使ったプロジェクトがありました。それは正常に動作します。

yeoman "yo @ microsoft/sharepoint"を使ってsharepoint frameworkテンプレートを作成し、以前のプロジェクトで行ったようにyoutube apiパッケージをインストールしました。このプロジェクトを実行すると、私は以下のようなエラーが発生します。

私は他での作業は、プロジェクトが、私はそれがここで動作させるために特別な何かが必要なのか反応したように、モジュール「ユーチューブ-API-検索」

を見つけることができませんか？ "npm i youtube-api-search --save-dev"コマンドを使用してapiをインストールしました ここにメインコンテンツのコンテンツがあります。

 import * as React from 'react'; 
     import { css } from 'office-ui-fabric-react'; 
     import styles from './Announcements.module.scss'; 
     import { IAnnouncementsProps } from './IAnnouncementsProps'; 
     //I have added only these 2 lines to default code 
     import YTSearch from 'youtube-api-search'; 
     const YOUTUBE_API_KEY = "AIzaSyCI9gcceui5zcQDAEwbyv..."; 



    export default class Announcements extends React.Component<IAnnouncementsProps, void> { 

     public render(): React.ReactElement<IAnnouncementsProps> { 
     return (
     ... 
     ); 
     } 
    } 

Answer 1

我々はコンフィグを使用して::三つの方法

FIRST内のモジュールをインポートすることができます - config.json>と

"externals": { 
    "jquery": "https://code.jquery.com/jquery-3.1.0.min.js", 
    "OwlCarousel":{ 
     "path":"./node_modules/react-owl-carousel/lib/OwlCarousel.min.js", 
     "globalName":"OwlCarousel" 
    }, 
    "Slider":{"path":"./node_modules/react-slick/lib/slider.js", 
    "globalName":"Sliders"} 
    }, 

SECONDを変更:: NPMタイプ/ユーチューブ-API-@インストール検索--save

THIRD ::

`npm install typings` 

`typings install dt~youtube-api-search -global --save` 

時にはdt〜が必要な場合もあります。