vue3中使用ts，import vue文件时，如何可以忽略后缀？

  • Z时代
  • 2024-03-06
  • 分类：IT

vue3中使用ts，import vue文件时，如何可以忽略后缀？

如下在某vue单文件中的代码，加上 // @ts-ignore 是可以运行的，也就是说实际上是支持这个功能的

// @ts-ignore
import chartFaultDetail from './components/chartBusinessDetail';

但是只要去掉 // @ts-ignore，就会报错：
TS2307: Cannot find module './components/chartBusinessDetail' or its corresponding type declarations.

最终采纳了评论区 @joy钰 的答案：修改公司规范

回答：

从错误提示可以看出来，这个时候处理 import 的是 typescript 编译器，不是 webpack，所以它不认得 .vue 扩展名。TypeScript 默认只能处理 .ts 和 .tsx，兼以 .js，.json 文件，其它文件它不能处理，所以默认不理会。

至于如何解决我也不知道，所以插个眼等后续。

回答：

要不参考一下这个项目：
https://github.com/microsoft/...
确保tsconfig正确include，webpack正确配了resolve.extension，然后全局declare module。我记得cli生成的项目会自动给vue-shims.d.ts这个。手动创建的话可以试试项目里的配置

回答：

extensions: ['.js', '.vue', '.json']

以上是 vue3中使用ts，import vue文件时，如何可以忽略后缀？ 的全部内容， 来源链接： utcz.com/p/936722.html

回到顶部