刚创建的一个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