Uncaught SyntaxError: XX ‘xx/.vite/vue.js?xx‘ does not provide an export named ‘InjectionKey‘ 解决方法

varBlue

已于 2023-07-21 20:12:14 修改

阅读量2.4k

点赞数

分类专栏： Vue 文章标签： vue.js typescript 前端

于 2022-08-04 20:15:53 首次发布

本文链接：https://blog.csdn.net/q272228157/article/details/126165744

版权

Vue 专栏收录该内容

2 篇文章

订阅专栏

"在创建Vue3、Vuex、Vite和TypeScript集成项目时遇到ImportError，尝试从'vue'导入'InjectionKey'失败，导致类型检查出错。根据TypeScript支持的Vuex文档配置后，运行报UncaughtSyntaxError。解决方案是将导入语句改为`import type { InjectionKey }

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

创建 Vue3 + Vuex + Vite + TypeScript 项目时，从 vue 导入 InjectionKey 以实现 store 的类型检查，执行时报错

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/vue.js?v=xxxx' does not provide an export named 'InjectionKey'

错误情况

按照 TypeScript 支持 | Vuex 文档说明配置 index.ts 文件，运行后报错

import { InjectionKey } from 'vue';  // 执行报错

解决方法

在 GitHub 查找到解决方案，将导入语句替换为以下结构即可

import type { InjectionKey } from 'vue';  // 成功执行