【报Bug】Vue3.3，defineProps引入外部类型，编译报错

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 10 专业版 22H2

HBuilderX类型：正式

HBuilderX版本号： 3.99

浏览器平台： Chrome

浏览器版本： 121.0.6167.140

项目创建方式： HBuilderX

示例代码：

<script lang="ts" setup>  
import type { TextProps } from 'types';  

const props = withDefaults(defineProps<TextProps>(), {});  
</script>

操作步骤：

1.在types文件夹下创建对应类型文件，导出类型TextProps
2.在vue文件中的setup代码块中，引入TextProps类型，作为defineProps的类型约束
3.以h5的编译方式运行代码
4.编译报错

预期结果：

编译成功

实际结果：

编译失败

bug描述：

使用最新的uniapp版本3.0.0-alpha-4000120240201002，支持的vue版本应该为3.3.11。
可使用引入复杂类型来做类型校验。
但@vue/compiler-sfc编译不过，报[vite] [plugin:vite:vue] [@vue/compiler-sfc] No fs option provided to compileScript in non-Node environment. File system
access is required for resolving imported types.

2024-02-04 10:08 负责人:无分享

3 个回复

1***@163.com

我也遇到过，请问解决了吗

YUANRJ

当前使用的vue版本是3.2.47，暂不支持，后续会升级vue版本。

4***@qq.com

npx @dcloudio/uvm@latest
执行命令，更新下编译器的版本就好使了。2024/06/18

要回复问题请先登录或注册

【报Bug】Vue3.3，defineProps引入外部类型，编译报错

示例代码：

`<script lang="ts" setup> import type { TextProps } from 'types'; const props = withDefaults(defineProps<TextProps>(), {}); </script>`

操作步骤：

1.在types文件夹下创建对应类型文件，导出类型TextProps
2.在vue文件中的setup代码块中，引入TextProps类型，作为defineProps的类型约束
3.以h5的编译方式运行代码
4.编译报错

预期结果：

编译成功

实际结果：

编译失败

bug描述：

3 个回复

公告

相关问题

【报Bug】Vue3.3，defineProps引入外部类型，编译报错

示例代码： <script lang="ts" setup> import type { TextProps } from 'types'; const props = withDefaults(defineProps<TextProps>(), {}); </script>

操作步骤： 1.在types文件夹下创建对应类型文件，导出类型TextProps 2.在vue文件中的setup代码块中，引入TextProps类型，作为defineProps的类型约束 3.以h5的编译方式运行代码 4.编译报错

预期结果： 编译成功

实际结果： 编译失败

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

示例代码：

`<script lang="ts" setup> import type { TextProps } from 'types'; const props = withDefaults(defineProps<TextProps>(), {}); </script>`

操作步骤：

1.在types文件夹下创建对应类型文件，导出类型TextProps
2.在vue文件中的setup代码块中，引入TextProps类型，作为defineProps的类型约束
3.以h5的编译方式运行代码
4.编译报错

预期结果：

编译成功

实际结果：

编译失败