小米技术社区
小米技术社区管理员 关于小米

27岁,山西运城人,职业电商经理人,前端开发工作者,从事过网站建设、网络推广、SEO、SEM、信息流推广、二类电商、网络运维、软件开发,等相关电商工作,经验较为丰富,小米技术社区致力于为广大从事Web前端开发的人员提供一些力所能及的引导和帮助 ...[更多]

E-mail:mzze@163.com

Q Q:32362389

W X:xiaomi168527

小米技术社区大牛王飞 关于王飞

27岁,山西运城人,职业电商经理人,网络工程师兼运维,从事过运营商网络建设,企业网络建设、优化。数据中心网络维护等通过,经验丰富,座右铭:当自己休息的时候,别忘了别人还在奔跑。 ...[更多]

E-mail:wf_live@126.com

Q Q:3940019

微博:王小贱ss

小米技术社区设计小艳 关于小艳

大于花一样的年龄,河南郑州是我家,2010年在北京接触团购网,2011年进入天猫淘宝一待就是四年,如今已经将设计走向国际化(ps:误打误撞开始进入阿里巴巴国际站的设计,嘿嘿)五年电商设计,丰富经验,从事过天猫淘宝阿里各项设计,店铺运营,产品拍摄;我将我的经历与您分享是我的快乐!座右铭:越努力越幸运! ...[更多]

E-mail:97157726@qq.com

Q Q:97157726

标签云
精品推荐
您的位置:首页 > 工作软件 > VSCode

4种方法解决VSCODE提示Vetur can't find `package.json` or `tsconfig.json` or `jsconfig.json` in

分类: VSCode11个赞

在VScode中安装了Vue拓展插件Vetur,结果每次打开编辑器就会提示

Vetur can't find `package.json` in h:\项目路径.


Vetur can't find `tsconfig.json` or `jsconfig.json` in h:\项目路径.

对于在这方面有强迫症的小米(www.bbsxiaomi.com)  怎能容忍如此情况;

原因

在Vetur 0.31.0版本后新增了一个vetur.config.js的配置文件,

在这个版本之后,会优先查找项目中是否配有tsconfig.json(ts项目)或者jsconfig.json(js项目),

没找到这2个文件就去找vetur.config.js,如果都没有,就会抛出这个提示。


以下是4种解决问题的方法:

  • 方法1:不显示警告,选择忽视

  • 在文件--首选项--设置里搜索 vetur warning,把Vetur:lonore Project Warning的勾选项

    或者

    再配置文件中添加vetur.ignoreProjectWarning: true即可忽律提示--推荐

    在Vscode首选项中找到vetur warning即可解决问题

    2.方法2:回滚Vetur版本

    打开插件列表找到Vetur,右键选择安装到另外一个版本,因为是从0.31.0开始出现的,所以选择0.30.0,问题解决,但是也丧失了使用最新功能的权利

    选择安装另一个vetur版本选择安装另一个vetur版本0.30

    3.方法3:在根目录添加代码

    在项目根目录创建jsconfig.json文件,加入代码:

    {    "include": [        "./src/*"
        ]
    }

    4.方法4:在项目根目录添加代码

    在项目根目录创建vetur.config.js文件,加入代码:

    module.exports = {
        // vetur配置,会覆盖vscode中的设置。  default: `{}`
        settings: {
            "vetur.useWorkspaceDependencies": true,
            "vetur.experimental.templateInterpolationService": true
        },
        // 普通项目采用默认配置 default: `[{ root: './' }]`
    }



    说明


    VSCode的JavaScript支持可以在两种不同的模式下运行:


    文件范围(没有jsconfig.json)


    在此模式下,在VSCode中打开的JavaScript文件被视为独立单元。


    只要文件a.js没有显式引用文件b.ts(使用///引用指令或CommonJS模块),两个文件之间就没有共同的项目上下文。


    显式项目(使用jsconfig.json)


    JavaScript项目是通过jsconfig.json文件定义的。目录中存在此类文件表示该目录是JavaScript项目的根目录。


    文件本身可以选择列出属于项目的文件,要从项目中排除的文件,以及编译器选项。



    当您在工作空间中有一个定义项目上下文的jsconfig.json文件时,JavaScript体验会得到改进。


    因此,当您在新工作空间中打开JavaScript文件时,我们提供了一个创建jsconfig.json文件的提示。


小米技术社区