Lineサンプルコードをtypescriptに置き換えるとエラーが出てしまいます。

Question

前提・実現したいこと

Line botをtypescriptを用いて開発しています。
ひとまず公式サイトに載っているサンプルをtypescript化していたのですが、
サンプルコードで言うと42行目のechoにエラーが出てしまっています。
このエラーの原因が私一人では解明できなかったため、どなたか解決に協力してくださると幸いです。

問題となっているエラー文

Argument of type '{ type: string; text: string; }' is not assignable to parameter of type 'TextMessage | ImageMessage | VideoMessage | AudioMessage | LocationMessage | StickerMessage | ImageMapMessage | TemplateMessage | FlexMessage | Message[]'.
  Type '{ type: string; text: string; }' is not assignable to type 'TextMessage'.
    Type '{ type: string; text: string; }' is not assignable to type '{ type: "text"; text: string; }'.
      Types of property 'type' are incompatible.
        Type 'string' is not assignable to type '"text"'.ts(2345)

試したこと

LineのMessage APIのソースコードを読み、問題となっているエラーにあるTextMessageのTypeを確認しましたが、Type通りに書いていましたので詰まってしまいました。

ソースコード

import * as line from '@line/bot-sdk';
import express from 'express';
import * as dotenv from "dotenv";
import LineMessageEvent from "./model/line_message_event";

dotenv.config(); 

// create LINE SDK config from env variables
const config = {
  channelAccessToken: process.env.CHANNEL_ACCESS_TOKEN || "",
  channelSecret: process.env.CHANNEL_SECRET || "",
};

// create LINE SDK client
const client = new line.Client(config);

const app = express();

// register a webhook handler with middleware
// about the middleware, please refer to doc
app.post('/callback', line.middleware(config), (req, res) => {
  Promise
    .all(req.body.events.map(handleEvent))
    .then(() => res.json({}))
    .catch((err: Error) => {
      res.status(500).end();
    });
});

// event handler
const handleEvent = async (event: LineMessageEvent) => {
  if (event.type !== 'message' || event.message.type !== 'text') {
    // ignore non-text-message event
    return null;
  }

  let echo = { 
    type: 'text', 
    text: event.message.text 
  };

  // use reply API
  return client.replyMessage(event.replyToken, echo);
}

// listen on port
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`listening on ${port}`);
});

利用環境

"@line/bot-sdk": "^7.1.0",
"@types/dotenv": "^8.2.0",
"@types/express": "^4.17.8",
"dotenv": "^8.2.0",
"express": "^4.17.1",
"ts-node": "^9.0.0",
"typescript": "^4.0.3"

Answer 1

types.ts より、TextMessageの型は以下です。

export type TextMessage = MessageCommon & {
  type: "text";
  text: string;
};
export type MessageCommon = {
  quickReply?: QuickReply;
  sender?: Sender;
};

echoの型が未指定なので、{type:string,text:string}と解釈されてしまっています。
（ただしくは{type:"text",text:string}型）
TextMessage型を明示したら直りませんか？

-  let echo = { 
+  let echo: TextMessage = { 
    type: 'text', 
    text: event.message.text 
  };

Comments

[Arata0608]

解決致しました！
TypeScript初心者なので非常に助かりました。
ありがとうございます。