1VS Code 中安装Debugger for Chrome扩展的最新版本2在config官网描述的是configindexjs，所以需要根据具体的项目而定中添加如下配置3点击运行调试按钮，再点击设置按钮，修改launchjson文。
打开 configindexjs 并找到 devtool 属性将其更新为如果使用 vuecli3 你需要设置 内的 devtool 属性进入Debugger视图，添加Chrome配置，将内容替换成以下内容 设置断点 此处response返回数据 启动调试。
你在路由里面把首页的路径改成根路径，然后在导航条上设置为根路径我上面就是没有设置为根路径，使用一进来的时候就会出现只加载了头部和尾部，刷新一下才出现页面，改成根路径之后完美解决。
使用排除法吧，首先你这个项目是第一次创建的吗如果是，去创建项目的文件夹看看有没有生成node_modules文件夹如果没有，去配置里面把缓存删除再重新创建项目如果是把已有项目重新开发的话，先npm install然后再npm run。
2若1满足，则对 VS Code 兼容性进行修改 3cnpm 或 vue 还是不能使用的话，考虑安装路径问题，终端输入 npm config ls 进行配置信息查看，检查是否正确若不正确，终端输入 npm config set prefix nodejs 的。
你可以尝试以下步骤来解决这个问题打开 srccomponentsscreenScreenMapvue 文件并定位到第 1 行的第 6071 个字符处检查这个位置附近的代码，看看是否有拼写错误或者缺少必要的符号如果发现问题，修正它并保存文件。
运行成功之后显示如下，之后就可以正常在chrome中调试我用新建项目测试时，npm run serve 之后也会提示crbug5， nonJS module files 这个暂时不清楚是什么原因但是过了一会之后，关闭终端，之后打开重新执行该命令。
如github打不开，可以 用Gitee镜像地址 2安装成功后，打开devsidecar软件 3在首页默认模式中开启npm加速 4再用vue create project创建项目 注创建项目前反npm源回复到默认状态，不要用taobao或其它了。
quot true 保存所有更改，然后重启VSCode经过以上步骤，VSCode应该能正确识别Vue项目中的语法，红线问题也应该得到解决如果问题仍然存在，请检查你的项目依赖是否正确安装，以及配置文件是否设置正确。
json文件，加上以下配置全都配置完会后发现在vue文件里还不会出现路径提示，查了资料有的说是插件版本的问题 同样在插件里点击设置按钮 下拉列表里选择‘安装另一个版本’，然后选择142，重启vscode就可以了。
题主是否想询问“vscode打开的vue文件报错怎么办”1首先首先检查html片段，没有语法错误的话，就是一个检查语法格式的插件”vetur”引起的2其次vscode首选项设置搜索vetur3最后将veturvalidationtem。
vue可能到时候打包的时候会出现路径找不到情况，这时候在中修改。
Nginx配置错误请检查Nginx配置文件中的proxy_pass配置项是否正确，确保代理到正确的服务器地址和端口这个配置项的作用是将所有请求转发到indexhtml页面，以便Vue路由在前端进行处理。
在indexhtml中，直接丢在app里，因为首次加载的时候app里的元素都还没有挂载，所以会显示loading的div出来当vue挂载完dom之后，就会自动替换掉app这个div里的内容自然loading的div就没了所以也不需要我们收东西关闭。
下面说下Vue项目启动的加载逻辑首先前端项目默认入口都是indexhtml 这里有个DIV的id为app，这里是vue的挂载点，后续views中的 vue文件都会挂载在这里程序运行indexhtml后会寻找用到app的文件，即mainjs 这里创建了一。
这个错误提示表明在运行Vue项目的时候，系统找不到neoasync这个模块，可能是由于项目配置或者第三方库缺失导致的下面是一些解决方法1 安装neoasync模块在项目的根目录下，运行以下命令安装neoasync模块```npm。
