動作環境
サンプルコード
export default defineComponent({
props: {
data: {
type: Object as PropType<Playlist>,
},
},
})
ここでは、Playlist
というオリジナルの型で型指定をしている
Cannot find module '#app' or its corresponding type declarations.
というエラーが、Nuxt Bridge(TypeScript)の開発時に、VS Codeで発生。
例えば、このようなコードでエラーが発生する
import { readonly, useState, Ref } from '#app'
Nuxt Bridgeの導入環境
tsconfig.js
のpaths
を以下の様に修正
"paths": {
"~/*": ["./*"],
"@/*": ["./*"],
"#app": ["./node_modules/@nuxt/bridge/dist/runtime/index.d.mts"]
},
nuxi
が生成する.nuxt/tsconfig.json
で設定される#app
のパスが、TypeScript用のファイルに通っていないのが原因の模様。
"#app": [
"node_modules/@nuxt/bridge/dist/runtime/index"
],