vue-cli3.0初始化的项目,webpack配置好alias后,tsconfig.json也设置了相应的path,如果把项目直接作为vscode工作区的根目录的话不会有报错,能够找得到模块。但是如果项目不是作为根目录的话,vetur插件就会提示Cannot find module '@scripts/fetch'
。
vue.config.js:!
tsconfig.json:
引入的地方:
有人碰到过这个问题吗?有没有对应的解决方案。。我感觉跟vscode配置有关系,但是没查到答案
vue-cli3.0初始化的项目,webpack配置好alias后,tsconfig.json也设置了相应的path,如果把项目直接作为vscode工作区的根目录的话不会有报错,能够找得到模块。但是如果项目不是作为根目录的话,vetur插件就会提示Cannot find module '@scripts/fetch'
。
vue.config.js:!
tsconfig.json:
引入的地方:
有人碰到过这个问题吗?有没有对应的解决方案。。我感觉跟vscode配置有关系,但是没查到答案
刚好遇到这个问题,网上查了一圈,这个问题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;
}
就可以了
引用官方的回复:
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
8 回答4.6k 阅读✓ 已解决
6 回答3.2k 阅读✓ 已解决
5 回答2.7k 阅读✓ 已解决
5 回答6.3k 阅读✓ 已解决
4 回答2.2k 阅读✓ 已解决
4 回答2.7k 阅读✓ 已解决
3 回答2.4k 阅读✓ 已解决
设置里加"vetur.validation.script":false,这样把检查关闭。我也碰到这个问题,没找到彻底解决方法,只能这样了。。