React Error - 在导出为模块之前将箭头函数分配给变量和

Posted 2023-02-19

【中文标题】React Error - 在导出为模块之前将箭头函数分配给变量和

【英文标题】：React Error - Assign arrow function to a variable before exporting as module and

【发布时间】：2021-11-14 19:44:40

【问题描述】：

我正在尝试通过 github 连接在 Azure App Service 上部署以下源，但以下错误正在停止构建，但在我的本地 linux 机器中它工作正常，没有任何警告。

错误： src/context/alert/alertReducer.js 第 3:1 行：在导出为模块默认导入/no-anonymous-default-export 之前将箭头函数分配给变量

src/context/github/githubReducer.js 第 10:1 行：在导出为模块默认导入/no-anonymous-default-export 之前将箭头函数分配给变量

alertReducer.js

import  SET_ALERT, REMOVE_ALERT  from "../types";
    
    export default (state, action) => 
      switch (action.type) 
        case SET_ALERT:
          return action.payload;
        case REMOVE_ALERT:
          return null;
        default:
          return state;
      
    ;

githubReducer.js

// Importing types
import 
  SEARCH_USERS,
  SET_LOADING,
  CLEAR_USERS,
  GET_USER,
  GET_REPOS,
 from "../types";

export default (state, action) => 
  switch (action.type) 
    case GET_USER:
      return 
        ...state,
        user: action.payload,
        loading: false,
      ;
    case GET_REPOS:
      return 
        ...state,
        repos: action.payload,
        loading: false,
      ;
    case SEARCH_USERS:
      return 
        ...state,
        users: action.payload,
        loading: false,
      ;
    case CLEAR_USERS:
      return 
        ...state,
        users: [],
        loading: false,
      ;
    case SET_LOADING:
      return 
        ...state,
        loading: true,
      ;

    default:
      return state;
  
;

【参考方案1】：

不同的环境使用不同的JS engines。 有些可能不允许您导出未命名的函数。试试这个。

    const reducer (state, action) => 
          switch (action.type) 
            case SET_ALERT:
              return action.payload;
            case REMOVE_ALERT:
              return null;
            default:
              return state;
          
        ;
export default reducer