Svelte导出常量失败：导出account时提示无对应导出项

错误根源 #

1. Svelte组件的export let用途错误：组件中的export let是用来声明组件接收的外部props，不能用来将变量作为模块导出给其他文件导入。
2. Store声明语法错误：writable(false)返回的是完整的store对象，你用解构{account}赋值的方式完全错误，正确的store声明是直接将返回值赋值给变量。

修正方案 #

1. 单独创建Store模块

在项目中新建一个src/stores.js文件，专门存放共享的store：

import { writable } from 'svelte/store';

// 初始化account为false
export const account = writable(false);

2. 修改page.svelte代码

将原组件中的store声明替换为导入上述模块，并保留原有逻辑：

let username, password
import {storage} from '../db/client/localStorage'
// 导入共享的account store
import { account } from '../stores.js'
import { get } from 'svelte/store'
import {checkSignIn} from '../db/server/checklogin'
import Student from './student/Student.svelte'
import Teacher from './teacher/Teacher.svelte'
import Admin from './admin/Admin.svelte'

if(!storage.get('user') || !storage.get("password")){
}
else{ 
   // 注意：如果checkSignIn是异步操作，需要用async/await处理
   account.set(checkSignIn(storage.get("user"), storage.get("password")))
}

3. 修改导入account的代码

将原来从组件导入的代码，改为从store模块导入：

import { account } from '../../stores.js'

额外提醒 #

如果checkSignIn是异步请求（比如调用后端接口验证登录），需要调整逻辑处理Promise：

else {
  try {
    const signInResult = await checkSignIn(storage.get("user"), storage.get("password"));
    account.set(signInResult);
  } catch (err) {
    // 处理登录失败的情况
    console.error('登录验证失败:', err);
    account.set(false);
  }
}

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