aws-sdkをtsxファイルにインポートする方法

Question

私は反応のためにtypescript（tsx）を使用しました。アップロード画像タスクでは、aws-sdkを使用してサーバーs3にアップロードしました。私はまた、aws-sdkをnpmとタイピングでインストールしました。

UploadFile.tsx

import * as AWS from 'aws-sdk'; 
//constant 
import DefaultValue from '../../Constants/DefaultValue'; 

AWS.config.update({ 
    region: DefaultValue.REGION, 
    credentials: new AWS.Credentials(DefaultValue.ACCESS_KEY_ID, DefaultValue.SECRET_KEY) 
}); 

class UploadFile extends React.Component<any,any> { 
    s3: any; 
    constructor() { 
     super(); 

     this.s3 = new AWS.S3({apiVersion: '2016-11-07'}); 
    } 

} 

クロームコンソールエラー： 'AWSは未定義です'。 AWSはどのようにインポートできますか？手伝ってくれてありがとう 。

Answer 1

実際にaws-sdkパッケージをバンドルしておくか、インポートを完全に使わないでください。

Webpackルートに移動し、依存関係にバンドルする場合は、read about that hereとすることができます。 npm install -S aws-sdkが必要で、ts-loaderやawesome-typescript-loaderのようなTypeScriptのローダーを使用してください。スクリプトタグを使用し続けたい場合は、次のようなものを記述する必要があります

：

だけ使用していますので、 _AWS自体のインポートが（削除されます

import * as _AWS from "aws-sdk"; 
declare var AWS: typeof _AWS; 

そのタイプの場合）、それ以外の場合はAWSを参照します。