[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to

最新推荐文章于 2024-07-08 16:22:29 发布
最新推荐文章于 2024-07-08 16:22:29 发布
阅读量1.2k 收藏
点赞数
分类专栏： TS手拉手系列 文章标签： javascript typescript ecmascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44995391/article/details/131895795
版权

概述

记录一个关于TS中关于引入类型的问题。vue3中defineProps中传入的泛型参数是有要求的，只能在本文件中定义，不能导入自其它文件。

解决方案：

在这里插入图片描述

少年开心果
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue3 - 详细解决definedProps无法引入外部Typescript类型定义问题，vue3+ts项目中使用definedProps引入外部ts类型定义时报错（type argument pa
高级前端工程师
02-28 2087
vue3，typescript，vite，definedProps，vue3+ts报错[@vue/compiler-sfc] type argument passed to defineProps() must be a literal type, or a reference to an interface or literal type，Vue3解决definedProps无法引入外部Typescript类型定义，vue3 ts无法引入外部类型定义，VUE3如果将类型定义抽取出来则会报错编译失败，怎么解
defineprops() must be a literal type or a reference to an interface or literal type
少油少盐不要辣
11-03 545
vue3 defineProps不支持使用外部导入的类型，会报错。就是直接在脚本标签区域写类型声明，然后引用即可。
Common application properties(spring boot 配置文件参数)
varyall的专栏
09-17 1388
spring boot 配置文件参数 AppendixA.Common application properties Various properties can be specified inside yourapplication.propertiesfile, inside yourapplication.ymlfile, or as command line switche...
关于 vue3运行报错Internal server error: [@vue/compiler-sfc] ＜script setup＞ cannot contain ES 的处理方法
k490031的博客
03-23 9982
大致的意思就是 script setup 不能使用ES模块导出其实问题就出在，给官方给出的方法混用了标签里面配置setup类里配置setup()方法两者用一种就行了。
Vue3 [@vue/compiler-sfc] `defineProps` is a compiler macro and no longer needs to be imported.
星夜辰的博客
05-26 8830
vue3处理告警，setup语法糖
vscode中的eslint报错
星环
09-09 6306
vscode eslint vue 报错
Vue3实践的一些问题清单
Rainydaysqu的博客
10-21 1468
关于 vue3 的一些疑问点 1: 使用了 Vue3，是否都要遵循用 Composition API 的形式去写页面？ 答案是否定的。需要注意一点：Vue3 并没有废弃 Options API,甚至还会全力支持兼容 Vue2 语法的工作。而 CompositionAPI 出现的背景主要是为了解决逻辑抽象和和复用的问题，但不意味着它成为了 Vue3 的标准。So,如何区分场景使用Options API or Composition API主要看业务逻辑的复杂程序，例如一些简单的 toast/button
[@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported
我的开发博客(公众号:Web后端技术)
08-24 2万+
Vue Vite项目启动后，控制台报错: [@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported. 具体报错提示如： 终端使用 npm run dev 启动项目 $ npm run dev > vite-project@0.0.0 dev > vite Pre-bundling dependencies: vue (this will be run
component-compiler-utils:用于编译Vue单个文件组件的较低级实用程序
05-02
因此，在调用parse和compileTemplate方法时，更高级别的程序包（例如vue-loader ）有责任通过选项注入vue-template-compiler 。 不将其列为对等体依赖也允许工具作者使用非默认模板编译器而不是vue-template-com
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。...下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
1、问题场景： npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，...peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
vue@3.4.15 本地离线资源
02-05
/npm/vue@3.4.15/compiler-sfc /npm/vue@3.4.15/jsx-runtime /npm/vue@3.4.15/server-renderer /npm/vue@3.4.15/index.js /npm/vue@3.4.15/index.mjs /npm/vue@3.4.15/jsx.d.ts /npm/vue@3.4.15/LICENSE /...
vue-loader配置
cjexe的博客
08-18 2675
vue-loader 配置项 对于.vue文件的配置项 在build目录下 新建 vue-loader.config.js vue-loader.config.js 配置项目 使用函数 是为了 不同环境进行使用 module.exports = (isDev) => { return { preserveWhitepace: true, extractCSS: true, cs...
TypeScript创建泛型类报错（泛型类）
程序员猫爪
09-08 915
Property 'zeroValue' has no initializer and is not definitely assigned in the constructor. Property 'add' has no initializer and is not definitely assigned in the constructor.
VUE3组件 (1) 关于defineProps()
热门推荐
sepgit的博客
05-23 4万+
vue3 组件入门 defineProps()
thinkphp5错误:类型错误: Argument 1 passed to think\Hook::import() must be of the type array
Marswill
07-25 3万+
点击进入视频教程使用thinkPHP5的时候出现如下错误类型错误: Argument 1 passed to think\Hook::import() must be of the type array, integer given, called in /data/php/college/thinkphp/library/think/App.php on line 509问题原因分析在我使用thi
Vue中一些需要注意的点（采坑）
xidongdong1的博客
11-23 3万+
前言：记录在学Vue中需要注意的问题 1.给link添加事件、给组件绑定原生事件 在vue-router1中使用v-link写入路由，但是在vue-router2中要使用router-link写入路由，在浏览器渲染的时候会把router-link渲染成a。 有时候需要为router-link注册事件，对于一般的html元素，直接使用@click="eventFun"即可，但是对于rout
什么是防抖和节流？如何理解它们并在不同的场景条件下灵活运用？
最新发布
Vinca@的博客
07-08 867
防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
09-20
根据您的描述，出现了一个错误提示：Error: @vitejs/plugin-vue 需要依赖树中存在 vue (>=3.2.13) 或 @vue/compiler-sfc。解决此问题的方法是安装正确的依赖包。您可以按照以下步骤进行操作： 1. 打开终端并进入您的 Vue 项目所在的目录。 2. 运行以下命令来安装 Vue 相关的依赖包： ``` npm install vue@3.2.13 ``` 或者如果您使用的是 @vue/compiler-sfc，可以运行以下命令： ``` npm install @vue/compiler-sfc@3.2.13 ``` 3. 等待安装完成后，重新运行您的项目，看是否仍然出现相同的错误提示。 如果问题仍然存在，请确保您的项目中已经正确安装了 @vitejs/plugin-vue，并且安装的版本符合所需的要求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值