Rails6でTypeScriptを導入しようと,以下のコマンドを実行.
$ bin/rails webpacker:install:typescript
tsファイルを読み込み,実行してみると,以下のようなエラーがでた.
Module build failed: TypeError: loaderUtils.getOptions is not a function
依存関係がまずいのかと思ってnode_modulesと,yarn.logを削除して,yarn install
したが,かわらず....
以下のissueを見てみると,ts-lorderがwebpack4に対応していないことが原因らしい.
package.jsonを,以下のように変更
package.json
{
"name": "remopro_admin",
"private": true,
"dependencies": {
"@rails/actioncable": "^6.0.0",
"@rails/activestorage": "^6.0.0",
"@rails/ujs": "^6.0.0",
"@rails/webpacker": "4.3.0",
- "ts-loader": "^9.1.2",
+ "ts-loader": "^8.2.0",
"turbolinks": "^5.2.0",
"typescript": "^4.2.4"
},
"version": "0.1.0",
"devDependencies": {
"webpack-dev-server": "^3.11.2"
}
}
yarn install
で再度実行してみると,正常に実行されるはず!