导入路径不能以“.ts”扩展名结束

问题遇到的现象和发生背景

在VS-Code开发工具中用Typescript开发VUE项目时，对于导入语句import Store from '/src/store/Store.ts'。会在该语句下出现红色波浪号，光标移过去就会提示“导入路径不能以“.ts”扩展名结束。考虑改为导入“/src/store/Store.js””。并在该文件名称处显示红色“一个问题”。但不影响程序运行。

问题相关代码，请勿粘贴截图
运行结果及报错内容

img

我的解答思路和尝试过的方法
我想要达到的结果

https://img-blog.csdnimg.cn/66b4b3da404548d1be007cd4149d1a03.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5ZGK6K-J5aSq6Ziz,size_20,color_FFFFFF,t_70,g_se,x_16

你项目有安装的ts吗

直接去掉后缀试试。

img


img

在多方查找后，我找到了解决办法 (更像是绕过的办法)：

  1. 去除 .ts 后缀，如：import Store from '/src/mocl/AxiosTest'
  2. 在打包工具 (webpack version ^5.75.0) 中添加如下配置:
    resolve: {
     extensions: ['.ts', '.js']
 }

个人理解：打包工具将自动添加后缀名去查找文件