npm run <script name>コマンド実行時のエラー

Question

前提・実現したいこと

書籍「HTML5ゲーム開発の教科書」に沿って開発環境を構築していたところ、行き詰ってしまった。(P.41 「scriptsの設定によるコンパイル設定」)

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

npm run tsc
npm run tslint
npm run typedoc
と入力すると、

> vaio@1.0.0 tsc C:\Users\VAIO
> tsc

error TS18003: No inputs were found in config file 'C:/Users/VAIO/tsconfig.json'. Specified 'include' paths were '["src/**/*"]' and 'exclude' paths were '[".git","node_modules","lib"]'.

tsconfig.json:35:1 - error TS1012: Unexpected token.

35 "typedocOptions": {
   ~~~~~~~~~~~~~~~~


Found 2 errors.

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

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\VAIO\AppData\Roaming\npm-cache\_logs\2020-06-01T10_30_15_939Z-debug.log

と表示される。

追記：tsconfig.json

{
 "compilerOptions":{
 "target": "es5" ,
 "module": "esnext" ,
 "lib": [
 "esnext",
 "dom"
] ,
"baseUrl": "./src",
"outDir": "./lib-ts",
"declaration": true,
"sourceMap": true,
"allowJs": false,
"forceConsistentCasingInFileNames": true,
"allowSyntheticDefaultImports": false,
"moduleResolution": "node",
"strict": true,
"alwaysStrict": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": false,
"noUnusedLocals": true,
"noUnusedParameters": true,
"preserveConstEnums": false,
},
"compileOnSave": true,
"include": [
"src/**/*"
],
"exclude": [
".git",
"node_modules",
"lib"
]
}
"typedocOptions": {
"name": "test_npm",
"mode": "file",
"out": "./docs"
}

試したこと

似たような事例を探しながら、闇雲にコマンドを入力するも事態は変わらなかった。

rd /s /q node_modules
npm cache clear --force && npm cache clean --force
npm install
npm i vue@2.6.10
npm i node-fetch@2.6.0
npm update vue-template-compiler
npm isntall --save-dev webpack@latest
npm install webpack-cli -D
npm isntall --save-dev webpack-dev-server@latest
npm install vue-loader@latest

Comments

[markey]

エラー文を見る限り、tsconfig.jsonに記述されている内容の問題な気がしますが、そちらの対応はされましたか？

[wilf]

tsconfig.jsonの記述に問題がありそうなので、
書いたtsconfig.jsonも質問に載せると正解が見つかるかもしれません。

Answer 1

• srcディレクトリ以下にファイルは存在しますか？コンパイル対象のファイルが存在しない可能性があります。
• typedocOptions周りのjsonの記述に誤りがあります。カンマのつけ忘れや}の位置の誤り。

{
"exclude": [
".git",
"node_modules",
"lib"
],
"typedocOptions": {
"name": "test_npm",
"mode": "file",
"out": "./docs"
}
}

Answer 2

jsonの構造に問題がありそうなので、以下 調整してください。

1. "preserveConstEnums": false, のfalseの後の , を削除する
2. "typedocOptions": の手前の行の } を削除する
3. 最後の行に } を追記する

JSONの記述をチェックするツールがあるので、
そちらで記述を調整してみると記載ミスをチェックすることができます。

https://jsonformatter.org/

1. 左の白枠にJSONを貼り付ける
2. 真ん中の validate ボタンを押す

error TS18003: No inputs were found in config file のエラーの解消について追記しました。
下記のようなディレクトリの構成にすると↑のエラーは解消するかなと思いますｍｍ

VAIO
├── src
│   └── なんらかのフォルダ
│       └── test.ts
└── tsconfig.json

VAIO/tsconfig.json
VAIO/src
VAIO/src/なんらかのフォルダ
VAIO/src/なんらかのフォルダ/test.ts

Comments

[untyan]

回答ありがとうございます。
初歩的な記述ミスということで、修正したのですが

> vaio@1.0.0 tsc C:\Users\VAIO
> tsc

error TS18003: No inputs were found in config file 'C:/Users/VAIO/tsconfig.json'. Specified 'include' paths were '["src/**/*"]' and 'exclude' paths were '[".git","node_modules","lib"]'.

Found 1 error.

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

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\VAIO\AppData\Roaming\npm-cache\_logs\2020-06-01T13_58_16_379Z-debug.log

上記のように少し変化したエラー文が再び出てきました。

[wilf]

VAIOフォルダの中にsrcフォルダ、そのsrcフォルダの中にtypescriptのファイルは入っているでしょうか？
入っていれば、このエラーは解消されそうなので、
もし、別のフォルダにsrcファイルを作成している場合は そのフォルダにターミナル上で移動してからtscを実行すると解消するかと思います。

[untyan]

それは、具体的にどのような操作をすればいいのでしょうか。

VAIOフォルダに「src」という名前のフォルダを作成し、その中に「tsconfig.json」を入れたのですが、これで合っているでしょうか。

[markey]

横から失礼しますが、

- VAIOディレクトリにsrcという名前のディレクトリを作り、 その中に何らかのTypeScriptのファイル(拡張子が.ts)を作成する
- tsconfig.jsonはVAIOディレクトリの直下に置く

です。その本は読んだことがないのでわかりませんが、お手本ではおそらく何らかのTypeScriptファイルがsrcディレクトリに置かれてますよね？エラー文に書かれてる通りなのですが、TypeScriptファイルを置かれてないのでエラーになっています。

[wilf]

返信遅くなりました。
markeyさん ありがとうございますｍｍ

おっしゃっている通りなので、
tsconfig.json の include 指定にある src/**/* に則ると下のような構成にすると改善しそうに思います。

VAIO/tsconfig.json
VAIO/src
VAIO/src/folder
VAIO/src/folder/test.ts