vscode中vetur插件提示找不到设置了alias的模块

vue-cli3.0初始化的项目,webpack配置好alias后,tsconfig.json也设置了相应的path,如果把项目直接作为vscode工作区的根目录的话不会有报错,能够找得到模块。但是如果项目不是作为根目录的话,vetur插件就会提示Cannot find module '@scripts/fetch'
vue.config.js:image.png!
tsconfig.json:
image.png
引入的地方:
image.png
有人碰到过这个问题吗?有没有对应的解决方案。。我感觉跟vscode配置有关系,但是没查到答案

阅读 9.3k
6 个回答
新手上路,请多包涵

设置里加"vetur.validation.script":false,这样把检查关闭。我也碰到这个问题,没找到彻底解决方法,只能这样了。。

新手上路,请多包涵

刚好遇到这个问题,网上查了一圈,这个问题vetur开发者不认为是vetur的问题,而认为是vscode的问题,但vscode也没有打算处理。
目前的解决办法是,确保vscode打开的是vue工程,工程根目录下有tsconfig.json。
如果你用vscode打开了vue工程的父级目录,是会有这个路径识别不到的问题。

程序能跑不,能跑就不管它。

vue-shim.d.ts

declare module '@script/api' {
    import Api from '你定义的@script/api的原始路径';
    export default Api;
}

就可以了

其实可以通过开多一个vscode窗口,专门展示web项目,这样子里面的检验工具可以正常显示

引用官方的回复:

If it says cannot find module <some-module>, go to Vetur's client code installation directory and run yarn or npm install. This is usually caused by VS Code not correctly updating Vetur's dependencies from version to version. Paths:

Win: %USERPROFILE%.vscode\extensions\octref.vetur-<version>\client
Mac: ~/.vscode/extensions/octref.vetur-<version>/client
Linux: ~/.vscode/extensions/octref.vetur-<version>/client
You can also try uninstall/reinstall Vetur.
More details at: https://github.com/vuejs/vetur/issues/352#issuecomment-318168811

If it says problem related to memory and cpu, try to add a jsconfig.json or tsconfig.json and only include Vue-related code: https://vuejs.github.io/vetur/setup.html

根据你自己的系统切换到扩展的安装目录,执行 yarn or npm install

https://vuejs.github.io/vetur/guide/FAQ.html#vetur-crash

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Microsoft
子站问答
访问
宣传栏