相关文章推荐
强悍的海龟  ·  jsx/tsx使用cssModule和typ ...·  2 周前    · 
性感的煎鸡蛋  ·  notepad cmd /k ...·  1 年前    · 
自信的花卷  ·  how to catch error in ...·  1 年前    · 
稳重的皮带  ·  Vector3.MoveTowards_煮粥 ...·  1 年前    · 

刚创建的一个Vue3和Ts的项目,结果使用Vscode打开后,修改了index.vue文件就报错了:

网上找了各种原因,有让添加jsconfig.json文件的,有让新建一个项目的,有的直接放弃ts的,哈哈哈,真的是千奇百怪都有,好吧,我这里就也出两种方法:

第一种:修改tsconfig.json文件

在tsconfig.json文件中添加一行代码:就是让ts识别vue文件

"include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],

添加后的内容:

修改完之后,保存文件,重启Vscode,然后打开vue就没有提示了:

第二种:重启TypeScript Vue Plugin这个插件

先点击禁用,然后点击重启试试,有的人说也可以

第三种:不要用Vscode,使用webstorm 

不要用vscode了,使用WebStorm,哈哈哈,可能让你也想不到吧,但是真的有效啊:请看效果,就不报错了,撒花

网上找了各种原因,有让添加jsconfig.json文件的,有让新建一个项目的,有的直接放弃ts的,哈哈哈,真的是千奇百怪都有,好吧,我这里就也出一种方法,不要用vscode了,使用WebStorm,哈哈哈,可能让你也想不到吧,但是真的有效啊:请看效果,就不报错了,撒花。 在使用angular的时候,在后台返回一段json进行处理,然后在使用的时候出现如下报错。 我考虑这个问题的由来一般是因为前面没有给这个list指定具体的属性名称,所有这个地方会报错,而且我程序运行后拿到的数据是没有问题的,但是有一点强迫症,不愿意看到爆红,所以想办法解决他。 1.解决办法 我考虑了3个方法,其中前两个是经过实践的,第三个是一个猜想。 方法1:如下图所示,直接在后面加上[“name”]这样的属性名进行调用就行了。 方法2:直接指定数据类型为 any。 方法3:前面我考 方式三(建议使用这一种) 在src目录下新增xxx.d.ts文件 (全局声明简捷 如下) import VueRouter, { Route } from 'vue-router'; declare module 'vue/types/vue
这个错误一般是由于使用了 CommonJS 规范的模块导入方式,而当前环境不支持导出 `exports` 对象。 在 Vue3 项目中,可以使用 ES6 的模块导入方式,例如: ```js import { createRouter, createWebHistory } from 'vue-router' 如果你使用的是 CommonJS 规范的导入方式,可以尝试升级你的 Node.js 版本,或者使用 Babel 转换代码,或者使用 `vue-router` 的 ES6 模块版本。 另外,如果你使用的是 Vue CLI 创建的项目,可以检查一下 `package.json` 中是否已经包含了 `vue-router` 的依赖,如果没有则需要手动安装: ```bash npm install vue-router@4