能否在单个文件中定义多个Vue Composable函数？如何正确组织代码？

完全可以在单个文件中导出多个Composable/工具函数，你使用的命名导入写法本身符合ES Module规范，和你遇到的Vue Router解析错误没有直接关联，错误来自文件格式的写法问题。

错误原因 #

你给出的Composable文件示例里错误包裹了<script>标签：这个标签是.vue单文件组件的专用语法，普通存放Composable/工具函数的.js/.ts文件不需要加这个标签，直接写导出逻辑即可。如果在js/ts文件里写HTML标签，构建工具解析时会直接抛出语法错误，在应用初始化、路由加载阶段就会触发报错。

正确写法 #

1. Composable文件（以useBytesHelper.js为例） #

直接写导出的函数，不要加<script>包裹：

export function arrayToInt(arr) {
  // 填写具体转换逻辑
}

export function arrayToUint(arr) {
  // 填写具体转换逻辑
}

2. 导入语句 #

你原本的导入写法是正确的，不需要修改：

import { arrayToInt, arrayToUint } from "./useBytesHelper"

额外排查点 #

如果修正格式后仍有报错，可以逐一核对以下问题：

• 确认存放函数的文件后缀是.js/.ts，不要误存为.vue后缀，否则构建工具会按单文件组件规则解析，触发解析错误
• 确认导入路径和实际文件路径一致，路径不存在也会在模块加载阶段抛出解析错误
• 不推荐把全局复用的Composable/工具函数写在.vue文件里，如果确实需要在.vue中对外导出函数，要新增独立的非setup script块编写导出逻辑，复用性和可维护性远不如抽离到独立js/ts文件

内容的提问来源于stack exchange，提问作者Imnotapotato