Q&A
実現したいこと
react+typescript+jestで作成しています。
jestのテストコードの中で上記のエラーがでました。
直し方を教えてください。
前提
テストをするにあたりモックをしたのですが、そのモックしたファイルをテストコードでimportするさいに、vscode上でこのエラーが出ました。
発生している問題・エラーメッセージ
ファイル'/~~/__mocks__/sample.ts'が'rootDir''/~~/src'の下にありません。'rootDir'にすべてにソースファイルが含まれている必要があります。
該当のソースコード
ディレクトリ構成
├── src │ └── components │ └── sample.test.tsx ├── __mocks__ │ └── sample.ts └── tsconfig.json
ソースコード
sample.test.tsx
1import { mockedsample } from '../../__mocks__/sample.ts'
tsconfig.json
1{ 2 "compilerOptions": { 3 "types": [ 4 "jest" 5 ], 6 "target": "es5", 7 "baseUrl": "src", 8 "rootDir": "./src" 9 }, 10 "include": [ 11 "src/**/*" 12 ] 13}
試したこと
./srcディレクトリ以外の場所に.tsという拡張子を持つファイルが存在するのが原因とのことは理解してます。
上記の通り、tsconfig.jsonのinclude以下にてsrc以下のディレクトリと指定しているはずなのに、なぜかsrc以外の
ファイルを見に行ってるようなんです。
何がダメなのでしょうか?
やはり、ファイルの拡張子をjsなどにするか、__mocks__以下をsrc配下に置くしか方法はないですかね?
回答1件
あなたの回答
tips
プレビュー
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。