Vuestic与类型整合

Question

我是Vue和Vuestic的新手，我想知道是否有可能将打字稿集成到Vuestic项目中。如果可能的话，我怎样才能做到呢？

使用Vuestic创建了一个新项目并运行它，没有任何问题：

vuestic testproj & npm运行服务

然后，我尝试用Vue CLI向项目添加类型记录：

vue添加类型记录？使用类样式的组件语法？什么事？使用Babel和TypeScript (现代模式所需的，自动检测的填充，transpil )？什么事？将所有.js文件转换为.ts？什么事？允许编译.js文件吗？什么事？跳过所有声明文件的类型检查(推荐用于应用程序)？是

我得到了数百个类似于以下错误的错误：

无法找到模块'./App‘或其相应的类型声明。属性'AD‘在类型'{}’上不存在，无法找到模块'../components/admin/AppLayout‘或其相应的类型声明。..。

对如何添加打印文本并解决这些问题，有什么想法吗？

Answer 1

对于无法找到的模块./App，重要的是以正确的文件结尾结束导入。例。/App.vue。Vue类型记录项目还需要一个shims-vue.d.ts文件，您可以将该文件放在src目录中。它应包括：

declare module "*.vue" {
  import type { DefineComponent } from "vue";
  const component: DefineComponent<{}, {}, any>;
  export default component;
}

我不建议使用自动将所有js文件转换为ts文件。手动地这样做，这样就更容易看到错误是在哪里创建的。