昨日までtsでtsc -pでコンパイル成功し今日はwebpackをインストールして開発用webサーバーを構築しようとしてたら以下の様なエラーが発生しました。

File ‘C:/Users/”プロジェクトまでの経路”/src/deps.ts’ is not a module.

何ででしょう。。。今日はこのエラーの原因と解決策を探ってみました。

ググった検索語

An import path cannot end with a ‘.ts’ extension. Consider importing ‘./deps’ instead.

発生タイミング

npm run webpack“で”開発用のサーバーを立ち上げようとした時

エラー全文

npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! one_more_time@1.0.0 tsc: tsc -p .
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the one_more_time@1.0.0 tsc script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

エラー原因

調べて見た結果TypeScriptでは

functionをimportする時はexportが必要だったのです!!

解決方法

それで既存のソースである

function sum(v1: number, v2: number):number {
	return v1+v2;
}

export default function sum(v1: number, v2: number):number {
	return v1+v2;
}

のように変えたら何と。。。

はい。。。開発用のサーバーを普通に立ち上げることができました。

結論

何かソースをいじるときはやっぱり基礎が大事だってことをもう一回実感しました。

プログラミングメイン