导入路径不能以“.ts”扩展名结束
抽离函数映入ts文件时,出现‘导入路径不能以“.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'
这样再重启项目就可以正常运行,并使用@了
更多推荐
已为社区贡献1条内容
所有评论(0)