質問するログイン新規登録
JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

5437閲覧

tsconfig.jsonまたはstrictNullChecksが効かない

whoiwhoi

総合スコア48

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

1クリップ

投稿2019/11/05 08:13

編集2019/11/05 08:17

0

1

問題点

tsconfig.jsonに"strictNullChecks": true;を記述していますが効いていません。

tsconfig.json
null

strictNullChecksの書き方は各種解説サイトをコピペしたため、tsconfig.jsonが読み込めていない可能性があります。

コードを書いている時点でnullもチェックしたいのですが、どのように設定等をすればnullをチェックできるようになるでしょうか。

ソースコード

json

1{ 2 "compilerOptions": { 3 "target": "es5", 4 "lib": [ 5 "dom", 6 "dom.iterable", 7 "esnext" 8 ], 9 "allowJs": true, 10 "skipLibCheck": true, 11 "esModuleInterop": true, 12 "allowSyntheticDefaultImports": true, 13 "strict": true, 14 "strictNullChecks": true, 15 "forceConsistentCasingInFileNames": true, 16 "module": "esnext", 17 "moduleResolution": "node", 18 "resolveJsonModule": true, 19 "isolatedModules": true, 20 "noEmit": true, 21 "jsx": "react" 22 }, 23 "include": [ 24 "src" 25 ] 26}

typescript

1let s: number = 2; 2s = null;

ディレクトリ構成

directory

このディレクトリ構成は、
npx create-react-app hello-world --typescript
で生成された構成に、test.tsを手動で追加したものです。

ts-nodeでのエラーメッセージ

ts-node
ts-nodeで確認すると、nullに対するエラーが表示されます。
一方、

test.ts:1:1 - error TS1208: All files must be modules when the '--isolatedModules' flag is provided.

といったエラーが表示されます。
このエラーについては翻訳しても調べても意味がよく分かりませんでしたが、
Why is --isolatedModules error fixed by any import?
Ask Question

上記stack overflowでの回答にインポートまたはエクスポートを記述することでエラーが無くなると読み取りました。
しかし、私が参考にしている書籍(同人誌のため詳細は一旦伏せます)では、インポート・エクスポートいずれも記述する工程は踏んでいません。

ただし、上記のエラーが発生しているため、tsconfig.jsonまたはstrictNullChecksが効いていない可能性があるかもしれないと思いました。

調べたこと

「tsconfig 効かない」でググると下記ページを見つけました。
TypeScript の tsconfig.json が効かない
上記ページを参考に、tsconfig.jsonに

json

1"rootDir": "/"

と記述してみましたが、問題の解決にはいたりませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

たぶん、同じ書籍を読んでいると思います。
コピーしてきたtsconfig.json内に

"isolatedModules": true,

これを

"isolatedModules": false,

にすると動くかと思います。

メッセージの
--isolatedModules' flag is provided.
に対する対応となるかと。

投稿2020/04/04 05:40

salad.hope

総合スコア15

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.30%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問