TypeScript不提供默认导出

Question

我在Laravel + Vite + Vue 3项目上有问题。我已经安装了所有的文档和所需的东西，这个项目与Laravel和Vite分开工作。但问题是，TypeScript不承认出口违约。它总是给出一个错误，比如：

MainLayout.vue:42 
        
       Uncaught SyntaxError: The requested module '/resources/scripts/composable/Auth.js' does not provide an export named 'default' (at MainLayout.vue:42:1)

但是Auth.ts文件导出了函数，它看起来如下：

export default function useAuth(){
    return {
    CurrentUserToken: 'test';
  };
}

我就是这样调用一些文件的(例如)

import useAuth() from './Auth';

const { CurrentUserToken } = useAuth();


return CurrentUserToken;

为什么它不承认这个命名的函数？

Answer 1

你可以这样出口

export function useAuth() {
    return {
    CurrentUserToken: 'test';
  };
}

导入

import { useAuth } from './Auth';

执行函数

useAuth();

或

如果要导出默认值

export default function() {
    return {
     CurrentUserToken: 'test';
  };
}

而导入就会像这样

import useAuth from './Auth';

执行函数

useAuth();