Cannot find module ‘@/store/index‘ or its corresponding type declarations.

最新推荐文章于 2024-08-16 17:46:13 发布

渣渣灰飞

最新推荐文章于 2024-08-16 17:46:13 发布

阅读量2.7k

点赞数

文章标签： vue.js 前端 javascript typescript

本文链接：https://blog.csdn.net/flhhly/article/details/130225743

版权

在使用Vue3、TypeScript和Vite进行项目打包时遇到了找不到模块及其类型声明的错误。问题源于在<scriptsetup>标签内的导入语句位置不正确。解决方案是将所有导入语句放在顶部，即<scriptsetup>标签内，而不是在变量定义之后。按照此方法修改代码后，成功执行yarnbuild并完成了打包过程。

摘要由CSDN通过智能技术生成

近期使用vue3+ts+vite项目打包的时候，遇到一个问题，截图如下：

错误翻译

Cannot find module '@/store/index' or its corresponding type declarations.

找不到xxx模块或者声明文件

An import declaration can only be used at the top level of a namespace or module.

导入声明的文件只能在顶部使用

解决办法：

把import xxx from 'xxx'全部放在顶部（script后）

报错前：

<script setup lang="ts">
import { ref, reactive, onMounted, nextTick } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import type { FormInstance, FormRules } from 'element-plus'
const router = useRouter()
import useStore from '@/store/index'
const storeUser = useStore()
</script>

处理后：

<script setup lang="ts">
import { ref, reactive, onMounted, nextTick } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import useStore from '@/store/index'
import type { FormInstance, FormRules } from 'element-plus'
const router = useRouter()
const storeUser = useStore()
</script>

再次运行yarn build，成功打包！！！！