Astro.js函数导入异常求助：自定义函数未定义问题

问题根源与修复步骤： #

• 导出/导入语法不匹配
  你的全局布局文件用的是命名导出（export function test1），但页面中使用了默认导入语法（import test1 from...），这会导致无法正确找到函数。需改为命名导入：
  布局文件（master.astro）保持命名导出（同时修正引号未闭合的语法错误）：

  export function test1() {
      console.log('test1');
  }
  

  页面中使用命名导入：

  import { test1 } from '../layouts/master.astro';
  

• 修复函数内的语法错误
  原代码中console.log('test1();缺少闭合的单引号，这会导致函数本身语法报错，进而无法正常导出。修正后应为console.log('test1');

• 适配客户端执行场景
  如果你的setTimeout代码是在客户端运行（比如页面的<script>标签内），更规范的做法是将工具函数单独放在utils目录下，避免布局文件的其他代码干扰：

  1. 创建src/utils/functions.js文件：

  export function test1() {
      console.log('test1');
  }
  

  2. 在页面的客户端脚本中导入使用（需确保脚本在客户端执行）：

  <script>
      import { test1 } from '../utils/functions.js';
      setTimeout(() => {
          test1();
      }, 100);
  </script>
  

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