Node.jsでExpressとdockerを使いサーバーを立ち上げ時のエラー（ SyntaxError: Cannot use import statement outside a module）

Question

前提

環境構築の勉強過程中です。
TypeScriptとNode.jsのExpressをDockerを活用して
サーバーを立ち上げたいです。

実現したいこと

前提に記載した通り
「TypeScriptとNode.jsのExpressをDockerを活用してサーバーを立ち上げたい」
ですが。
目に見えるゴールとしてはこの後記載します「index.ts」内の「こんにちは」
を表示させたいです。

発生している問題・エラーメッセージ

コンテナは作成できたのですが、いざコンテナを起動してみると
一瞬だけ起動しすぐ停止してしまいます。

Docker上のログをみると下記のように出力されていました。

エラーメッセージ

yarn run v1.22.19
$ node ./index.ts
/bff/index.ts:1
import express from 'express'
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at internalCompileFunction (node:internal/vm:74:18)
    at wrapSafe (node:internal/modules/cjs/loader:1141:20)
    at Module._compile (node:internal/modules/cjs/loader:1182:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
    at Module.load (node:internal/modules/cjs/loader:1081:32)
    at Module._load (node:internal/modules/cjs/loader:922:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

Node.js v18.13.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

該当のソースコード

{
  "include": [
    // コンパイルするファイルを指定する。
    "index.ts",
  ],
  "compilerOptions": {
    // コンパイルする際のオプションを書いていく。
  "target": "es2016",
  "module": "commonjs",
  },
}

import express from 'express'
const app: express.Express = express()
app.get("/", (req:express.Request, res:express.Response)=>{
    res.send("こんにちは");
})
app.listen(3000,()=>{
    console.log('ポート3000番で起動しました。')
})

{
  "name": "bff",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "nodemon ./index.ts",
    "dev": "node ./index.ts",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/express": "^4.17.15",
    "@types/node": "^18.11.18",
    "nodemon": "^2.0.20",
    "ts-node": "^10.9.1",
    "typescript": "^4.9.4"
  },
  "dependencies": {
    "express": "^4.18.2"
  }
}

FROM node:18-alpine

WORKDIR /bff

COPY . .

CMD ["yarn", "start"]

試したこと

package.jsonに「"type": "module" 」を入れてみましたがダメでした…（下記その際のエラー）

エラーメッセージ

node:internal/errors:491
    ErrorCaptureStackTrace(err);
    ^
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for /bff/index.ts

調べると大抵はtarget、moduleの値（文法ルール）を変えたらうまくいくケースがほとんどでしたが
どれもうまくいかず同じように「import」の箇所でエラーが出ていました。

どなたか解決策をご教示お願いいたします。
何卒よろしくお願いいたします。

補足情報（FW/ツールのバージョンなど）

Node.js v18.13.0
Docker v4.13.1

Answer 1

Node.jsはTypeScript（.tsファイル）には対応していません。

したがって、TypeScriptをJavaScriptに変換してから、Node.jsで実行する、という流れが必要になります。

まずは、とにかくやりたいことを実現するための解決策を考えると、Dockerfileとpackage.jsonを以下のように修正するのがよいでしょう。

FROM node:18-alpine

WORKDIR /bff

COPY . .

# なくても動くかもしれないけれどそれは偶然なので、このコマンドも書く
RUN yarn 
# このコマンドでtsをjsに変換する
RUN yarn tsc

CMD ["yarn", "start"]

index.ts => index.jsに書き換え

...
  "scripts": {
    "start": "nodemon ./index.js",
    "dev": "node ./index.js"
  },
...