关于unplugin-vue-components代码提示问题
今天第一次体验unplugin-vue-components
,遇到了代码提示的问题(VS Code),如下:
这里明显是由于Volar
插件没有解析到RouterLink
是何方神圣导致的。当然这不是Volar
的问题,只是我没有配置好。
解决方案
其实作者本人在Readme.md里已经提示过这个问题了,只是我没有仔细去看。
那么问题就基本上解决了。上面已经说了如果说typescript
(应该指的是npm
包)安装后,dts
的配置项就会自动生效,所以这里我们只需要关心下面说的tsconfig.json
。在"include"
字段下(这里我不知道为什么作者写的是includes
,或许是版本不一样) 添加"components.d.ts"
,如:
1 | "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "components.d.ts"] |
这前面都是默认生成的配置项,新添加的只是最后一项。
之后再次启动npm run dev
,等待片刻(它需要响应时间),我这里就正常提示了。
补充
如果使用框架如navie ui
,还有一个配置项可以更好的让Volar
给出提示。
以naive ui
为例,在tsconfig.json
的"compilerOptions"
中添加:
1 | "types": ["naive-ui/volar"] |
大功告成。
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 喵喵小窝!