The import path cannot end with a ‘.ts‘ extension

这是在用 vite+vue+ts 的时候，项目里报出来的。
页面里的代码是这么写的

<script lang="ts">
import settings from '@/settings'
export default {
  setUp() {
    console.log(settings)
    return { settings }
  },
}
</script>

解决方法是在tsconfig.json里改一点东西：

{
 "compilerOptions": {
   "baseUrl": ".",
   "paths": {
     "@/*": ["src/*"]
   }
 }
}

compileOptions 里面这么配置就行。