前提・実現したいこと
src/sotre/modules/note.tsのなかで、自作したsrc/typings/index.d.tsファイルを読み込ませたい。
発生している問題・エラーメッセージ
Module not found: Error: Can't resolve '../../typings'
ディレクトリ構成
root/
┣ node-modules
┣ public
┣ src
┃ ┗ typings
┃ ┗index.d.ts
┃ ┗ store
┃ ┗ modules
┃ ┗ note.ts
┣ tests
.package.json
.package-lock.json
tsconfig.json
vue.config.json
コード
note.ts
note.ts
1import fetchDataType from '../../typings' 2 3// 以下省略
index.d.ts
index.d.ts
1export type FetchAllDataArrayType = { 2 id: number 3 date: string 4 cld_id: string 5 staff_name: number 6 message?: string 7 pickup?: string 8 snack?: string 9 excretion: number 10 support?: string 11 support_other?: string 12 appearance?: string 13}[]
tsconfig.json
tsconfig.json
1{ 2 "compileOnSave": true, 3 "compilerOptions": { 4 "target": "es5", 5 "module": "CommonJS", 6 "strict": true, 7 "jsx": "preserve", 8 "importHelpers": true, 9 "moduleResolution": "node", 10 "esModuleInterop": true, 11 "allowSyntheticDefaultImports": true, 12 "sourceMap": true, 13 "baseUrl": ".", 14 "types": ["webpack-env", "jest", "node", "gapi"], 15 "typeRoots": ["./node_modules/@types", "./src/typings"], 16 "paths": { 17 "@/*": ["src/*"] 18 }, 19 "lib": ["esnext", "dom", "dom.iterable", "scripthost"] 20 }, 21 "include": [ 22 "src/**/*.ts", 23 "src/**/*.tsx", 24 "src/**/*.vue", 25 "tests/**/*.ts", 26 "tests/**/*.tsx" 27 ], 28 "exclude": ["node_modules"] 29} 30
試したこと
・tsconfig.jsonのtypeRootsに./src/typingsを追加
・includeの中に"src/**/*.d.ts",と明示的に指定してみた
補足情報(FW/ツールのバージョンなど)
typescript 3.8.3
@vue/cli 4.2.2
.d.tsはどのようにすれば読み込めるようになるのでしょうか?
足りない記載があればお申し付けください。
ご教授いただければ幸いです。
あなたの回答
tips
プレビュー