我在编译我的 React 应用程序时遇到错误

编程入门 行业动态 更新时间:2024-10-27 20:35:50

<a href=https://www.elefans.com/category/jswz/34/1771440.html style=我在编译我的 React 应用程序时遇到错误"/>

我在编译我的 React 应用程序时遇到错误

** ./src/context/auth.js 17:56 模块解析失败:意外令牌 (17:56) 您可能需要一个合适的加载器来处理这种文件类型。
| auth = _useState2[0], | setAuth = _useState2[1]; // 默认的 axios

axios.defaults.headersmon["Authorization"] = auth?.token; |使用效果(函数(){ | var data = localStorage.getItem('auth'); **

./src/context/auth.js 中的代码:

import React, { useState, useEffect, useContext, createContext } from "react";
import axios from "axios";

const AuthContext = createContext();

const AuthProvider = ({ children }) => {
  const [auth, setAuth] = useState({
    user: null,
    token: "",
  });

  // Default axios
  axios.defaults.headersmon["Authorization"] = auth?.token;

  useEffect(()=>{
    const data = localStorage.getItem('auth');
    if(data){
        const parseData = JSON.parse(data);
        setAuth({
            ...auth,
            user:parseData.user,
            token:parseData.token
        });
    }
    //eslint-disable-next-line
  }, []);
  return (
    <AuthContext.Provider value={[auth, setAuth]}>
      {children}
    </AuthContext.Provider>
  );
};

const useAuth = () => useContext(AuthContext);

export { useAuth, AuthProvider };

代码没有生成预期的响应。

回答如下:

更多推荐

我在编译我的 React 应用程序时遇到错误

本文发布于:2024-05-13 15:24:36,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1759847.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:我在   应用程序   错误   React

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!