Sharepoint Framework无法找到模块

Question

我有一个使用youtube-api-search的项目。它工作得很好。

我已经与yeoman＆＃34; yo @ microsoft / sharepoint＆＃34;创建了一个sharepoint框架模板。并像我在之前的项目中一样安装了youtube api包。但是当我运行这个项目时，我遇到了如下错误;

  

无法找到模块＆＃39; youtube-api-search＆＃39;

正如我所说，在其他反应项目中工作，我是否需要特别的东西让它在这里工作？ 我安装了api via＆＃34; npm i youtube-api-search --save-dev＆＃34;命令 这里是主要内容;

        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 - ＆gt; 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 install @ types / youtube-api-search --save

THIRD ::

 `npm install typings` 

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

有时dt~是必要的，有时它不是必需的