Vue3+TS Day34 - tsconfig.ts 、defineComponent、父组件调用子组件方法(函数)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue3+TS Day34 - tsconfig.ts 、defineComponent、父组件调用子组件方法(函数)相关的知识,希望对你有一定的参考价值。

参考技术A 借助 normalize.css 这个第三方库,即可完成大部分初始化,如果有自己的项目定制,还可以另起一个css文档

如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json?

【中文标题】如何使 PhpStorm 在 .vue 文件中反映 TypeScript tsconfig.json?【英文标题】:How to make PhpStorm reflect TypeScript tsconfig.json in .vue files? 【发布时间】:2018-01-15 10:50:41 【问题描述】:

我正在使用 Vue.js (webpack + vueify) 和 TypeScript。 ts 配置似乎有效,但仅适用于 .ts 文件。

例如在tsconfig.json我有

  "compilerOptions": 
    "strictNullChecks": false,

所以strictNullChecks.ts 文件中工作正常:

但不在.vue

错误:

初始化器类型 null 不能分配给变量类型字符串

TypeScript 不会抛出编译错误,只有 PhpStorm 似乎在检测配置方面存在问题。

我该怎么做才能使tsconfig.json 中的配置也反映在.vue 文件中?

【问题讨论】:

我建议在 WebStorm 论坛上发布同样的问题:intellij-support.jetbrains.com/hc/en-us/community/topics/… 相关***.com/questions/49521143/… 【参考方案1】:

WebStorm 自己的解析器不使用您的 tsconfig.json 进行错误报告。设置 "strictNullChecks": false 仅影响默认情况下用于错误突出显示 .ts 文件的 TypeScript 服务(如果在 Settings | Languages & Frameworks | TypeScript 中启用了使用 TypeScript 服务

但 Typescript 编译器/服务目前不处理 .vue 文件 (https://github.com/Microsoft/TypeScript/issues/10427),因此它仅对 .ts 文件启用;对于.vue 文件中的打字稿,使用 WebStorm 自己的解析器来代替

另一个问题是 WebStorm 在嵌入式打字稿中的行为不同 - 它接受在 .ts 文件中分配 null,但在 .vue 文件中不接受分配 (https://youtrack.jetbrains.com/issue/WEB-28029)

【讨论】:

以上是关于Vue3+TS Day34 - tsconfig.ts 、defineComponent、父组件调用子组件方法(函数)的主要内容,如果未能解决你的问题,请参考以下文章

vue3里使用ts组件没有返回值

ts+vue3+vite+pinia+vue-router 踩坑合集

极品ts配置

极品ts配置

极品ts配置

vue3+vite2+element-plus+ts搭建一个项目