小程序如何调用全局函数？

我哪里写不对吗，怎么无法调用全局函数？
文件目录结构如下：

Function.js文件代码：

var myFunction={
  function1: function(){//无参数全局函数
    //TO DO   在这个位置输入你的代码
    console.log('大家好，我是一个无参的全局函数')
  },//多个函数使用逗号做分割

  function2: function(para1,para2){//含参数全局函数
     //TO DO   在这个位置输入你的代码
    console.log('参数1：'+ para1)
    console.log('参数2：'+ para2)
  }
}
module.exports={
  myFunction:myFunction 
}
//也可以仅公开其中的一个函数如：
//
//module.exports={
//myFunction:myFunction.function1 
//}

student_add/index.js文件代码

const app = getApp()
var fun = require('../../utils/Function.js') //放置公共函数的文件路径
Page({

    /**
     * 页面的初始数据
     */
    data: {},

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
    },
    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
        this.setTabBar();
fun.myFunction.function1();
    },

你直接log fun()看看都有什么
var fun = require('../../utils/fun') 我和你写一样我能打印出来

function1类型未定义

// utils/utils.js
function demoFunc() {
  console.log('demoFunc')
}


module.exports = {
  demoFunc: demoFunc
}

// 页面
import { demoFunc } from '../../utils/utils'

Page({
  onLoad() {
    demoFunc()
  }
})

• 以下回答由chatgpt基于相关博客总结生成:

  问题：如何优化这个问题？

  解决方案： 该问题是关于优化前端登录功能的代码。

  1. 首先，通过使用select标签的CSS来控制表单项的样式。可以使用以下CSS样式来优化表单项的外观，使其更易于使用和阅读：

  form select:invalid { color: gray; }
  form select option:first-child { color: gray; }
  form select:invalid option:not(:first-child) { color: black; }
  

  1. 建议对前端登录功能进行代码重构和简化，以提高代码的可读性和维护性。

  2. 推荐使用前后端分离的架构，将前端和后端的逻辑分开，以便更好地维护和优化代码。

  3. 建议使用现代化的前端框架或库（如Vue.js、React等），以提高代码的开发效率和组织结构。

  4. 可以通过封装登录相关的功能和组件，以便在需要时复用和扩展。

  5. 推荐使用功能和单元测试，以确保代码的质量和功能正常。

  请注意，以上解决方案是针对一般情况提供的建议。具体情况可能会因项目需求和技术选择而有所不同。