vite+vue3项目报错【Error】

文章介绍了在开发Vue项目时遇到的两个常见问题:一是ervite命令不被识别,解决方案是通过npminstall安装项目依赖;二是找不到模块“./App.vue”的错误,通过创建env.d.ts文件并添加特定代码声明,以及更新tsconfig.json文件的include来解决。
摘要由CSDN通过智能技术生成

1.【ervite 不是内部支持的命令……

解决方法:终端打开 cmd   ====》》》

npm install

安装项目依赖

2.【error】找不到模块“./App.vue”或其相应的类型声明

2.1项目根目录下创建文件【env.d.ts】

2.2在文件【env.d.ts】编写以下代码

declare module '*.vue' {

import type { DefineComponent } from 'vue';

const vueComponent: DefineComponent<{}, {}, any>;

export default vueComponent;

}

2.3 在tsconfig.json 文件下 include下引入【env.d.ts】文件

  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue","env.d.ts"],

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于您提到的问题,根据引用\[1\]和引用\[3\]的信息,报错信息显示了一个类型错误,即属性'$urlLink'在类型'{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; … 8 more …; style?: unknown; }; … 10 more …;}'上不存在。这可能是由于在Vue3 + TypeScript项目中,您尝试访问了一个不存在的属性。 解决此问题的一种方法是确保您在使用'$urlLink'属性之前,先在相应的组件中声明它。您可以在组件的类型定义或组件选项中添加'$urlLink'属性的声明,以便TypeScript能够正确识别它。 另外,根据引用\[2\]的信息,如果在打包时遇到了JavaScript堆内存不足的错误,可以尝试增加JavaScript堆内存限制。您可以通过在打包命令中添加`--max-old-space-size`参数来增加堆内存限制的大小。例如,`node --max-old-space-size=4096 your-build-command`。 希望这些信息能够帮助您解决Vue3 + TypeScript打包报错的问题。如果问题仍然存在,请提供更多的报错信息以便我们更好地帮助您解决问题。 #### 引用[.reference_title] - *1* *3* [vue3+ts 打包报错error TS2339: Property ‘$urlLink‘ does not exist on type ‘{ $: ...](https://blog.csdn.net/heavenz19/article/details/130961825)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue3+vite+ts打包时遇到的问题以及“优化”,JavaScript heap out of memory(错误:内存不足)等](https://blog.csdn.net/m0_46978096/article/details/126138846)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值