在Safari上，箭头函数的支持程度相对较低，特别是在较旧的Safari版本上。要解决这个问题，你可以使用Babel编译器将箭头函数转换为传统的函数表达式。

以下是使用Babel编译器将箭头函数转换为函数表达式的示例代码：

1. 首先，确保你已经在项目中安装了Babel及相关的插件。

2. 创建一个名为.babelrc的文件，并在其中配置Babel的插件和预设。例如，你可以使用以下配置：

{
  "presets": ["@babel/preset-env"],
  "plugins": ["@babel/plugin-transform-arrow-functions"]
}

3. 在你的JavaScript代码中，使用箭头函数的地方替换为函数表达式。例如，将箭头函数：

const sum = (a, b) => a + b;

转换为函数表达式：

const sum = function(a, b) {
  return a + b;
};

4. 使用Babel编译器来转换你的代码。你可以通过命令行或构建工具（如Webpack）来运行Babel编译器。

如果你使用的是命令行，可以运行以下命令：

npx babel input.js -o output.js

其中，input.js是你的源代码文件，output.js是编译后的文件。

如果你使用的是构建工具，可以在配置文件中添加Babel的相关配置，例如Webpack的配置文件：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env'],
            plugins: ['@babel/plugin-transform-arrow-functions']
          }
        }
      }
    ]
  }
  // ...
}

这样，Webpack在构建过程中会自动使用Babel编译器来转换你的代码。

通过以上步骤，你可以解决在Safari上使用箭头函数失败的问题。请注意，这只是一种解决方法，具体的配置和工具可能会根据你的项目和需求而有所不同。