typescript - typescriptでjsファイルをモジュールとしてインポートする方法

Question

typescript ファイルを持つ SharePoint で SPFx フレームワークを使用しています。アプリケーションで SPServices.js と app.js (カスタム js ファイル) を使用しています。config.json ファイルでは、以下のように使用しています。

"externals": {
    "jQuery":{
      "path":"node_modules/jquery/dist/jquery.min.js",
      "globalName": "jQuery1"
    },
    "AppScript":{
      "path":"/src/webparts/calendarEvents/app.js",
      "globalName": "AppScript",
      "globalDependencies": [
        "jQuery",
        "SPServices"      
      ]
    },
    "SPServices": {  
      "path": "/src/webparts/calendarEvents/jquery.SPServices.min.js",  
      "globalName": "SPServices" ,
      "globalDependencies": [
        "jQuery"
      ] 
    }
}

以下の構文を使用すると、.ts ファイルで動作します

require('SPServices')
require('AppScript')

しかし、上記の構文の代わりに、それらのファイル内の関数にアクセスできるように、それらをオブジェクトとしてインポートしたいと思います。それを行うために、私は次のように使用しています

import * as SPServices from 'SPServices';
import * as myScript from 'AppScript';

しかし、これらは機能していません。エラーを出しています。

Resource "SPServices" not found in loader configuration of manifest for component "b052328a-ad75-4056-af7f-7bc8b3e795fc" (CalendarEventsWebPart)

しかし奇妙なことに、同じ行import * as SPServices from 'SPServices';が別の .ts ファイルで正常に機能しています。そこにはそのようなエラーはありません。ここで何が間違っていたのか本当に混乱しています。

js や css ファイルなどの typescript にファイルを追加するときに混乱が多すぎるのはなぜですか?