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

vite+Ts+Vue3搭建的项目中，把Ts类型文件抽离出去，再导入到页面组件时，出现“导入路径不能以“.ts”扩展名结束”的爆红错误，但这个错误并不影响项目运行。

 

虽然不影响正常运行，但是十分影响心情，写程序怎么能容忍任何一个bug的存在呢？

这个问题的原因是，并没有给项目配置别名。改用相对引用并去掉.ts扩展之后就正常了。

解决办法：

更改vite配置文件，vite.config.js

如下：

export default defineConfig({

  xxx，

//添加配置如下：

 resolve: { alias: { '@': path.resolve(__dirname, 'src') },

 extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json'] }//这句不要也可以？

}) 

重启之后也许还会报其他错误比如：

 

这个就是配置别名的时候，没有导入path模块导致的，只要在上面导入就好了。

import path from 'path'

这样再重启项目就可以正常运行，并使用@了