1

お世話になります。
Google Apps ScriptでSlackにアクセスするアプリを開発しています。
claspを使ってTypeScriptで書いています。
Emacsでtide.elを使って、画面にエラーが表示されるようにしています。
以下のコードを書きました。

function test() {
  let url = 'https://hooks.slack.com/services/xxxxxxxxxx/xxxxxxxxxxxxxxx';
  let params = {
    method: 'post',
    contentType: 'application/json',
    payload: '{"text":"Hello, World!"}'
  };

  UrlFetchApp.fetch(url, params);
}

すると、最後の

  UrlFetchApp.fetch(url, params);

paramsについて、以下のようなエラーが出ました。
(tide.elおよびtscで両方)

error TS2345: Argument of type '{ method: string; contentType:> string; payload: string; }'
is not assignable to parameter of type 'URLFetchRequestOptions'.
Types of property 'method' are incompatible.
Type 'string' is not assignable to type 'HttpMethod'.

HttpMethodというtypeが、以下のファイルに見つかりました。

node_modules/@types/google-apps-script/google-apps-script.url-fetch.d.ts

この中には、以下のようなコードがありました。

declare namespace GoogleAppsScript {
  namespace URL_Fetch {
    /**
     * This class allows users to access specific information on HTTP responses.
     * See also
     *
     * UrlFetchApp
     */

…中略…

    interface URLFetchRequestOptions {

…中略…

      /**
       * the HTTP method for the request: get, delete, patch, post, or put. The default is get.
       */
      method?: HttpMethod;

…中略…

    type HttpMethod = 'get' | 'delete' | 'patch' | 'post' | 'put';

つまり、HttpMethod型にstringを代入してはいけない、と書いていますが、代入しているのはこの5つの中の'post'ですから、合っているような気がします。

分からないなりに、以下のようにgoogle-apps-script.url-fetch.d.tsを改変しました。

type HttpMethod = string | 'get' | 'delete' | 'patch' | 'post' | 'put';

これでエラーはなくなりました。

google-apps-script.url-fetch.d.tsを改変する前のエラーが出る状態でも、改変したあとのエラーが出ない状態でも、GAS側にpushして実行すると、正しく実行されますが、せっかく間違えた値を書かないようにtype宣言されているのに、気持ち悪い気がします。
エラーが出ないようにするには、どうすればいいでしょうか?
よろしくお願いいたします。

1 件の回答 1

2
let params = {
    method: 'post',
    contentType: 'application/json',
    payload: '{"text":"Hello, World!"}'
  };

のように、変数定義を書くと、型推論によりparamsの型が

{ method: string; contentType: string; payload: string; }

になってしまいます。このように型付けされた変数を引数として与える場合の型チェックは、中身の値ではなく、型そのものによって判定されるので、

interface URLFetchRequestOptions {
    //...

    method?: HttpMethod;

    //...
}

と言う、URLFetchRequestOptionsとはマッチしないと判定されます。


解決のためには、

  • paramsの型を明示的に宣言してやる
let params: URLFetchRequestOptions = {
    method: 'post',
    contentType: 'application/json',
    payload: '{"text":"Hello, World!"}'
};
  • 変数を使用せずにオブジェクト表記をそのまま書く
UrlFetchApp.fetch(url, {
    method: 'post',
    contentType: 'application/json',
    payload: '{"text":"Hello, World!"}'
});

と言ったやり方が考えられます。

3
  • 1
    ありがとうございます! ` let params: GoogleAppsScript.URL_Fetch.URLFetchRequestOptions = { method: 'post', contentType: 'application/json', payload: '{"text":"Hello, World!"}' }; ` で解決しました!! Commented 2020年5月19日 4:35
  • 1
    @ChihiroFukazawa さん、確認ありがとうございます。namespaceについては、どのようにimportなんかを記載しているかわからないので一言触れておくべきでしたね。重ねてありがとうございます。
    – OOPer
    Commented 2020年5月19日 4:48
  • いえいえ、すぐに調べが付きました。本当にありがとうございます。 Commented 2020年5月19日 5:00

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。