为什么它不起作用，函数调用和模块导入？

Question

我在这个位置有一个文件 /src/auth/auth.js 有这个功能

  logout() {
// Clear Access Token and ID Token from local storage
localStorage.removeItem('access_token')
localStorage.removeItem('id_token')
localStorage.removeItem('expires_at')
localStorage.removeItem('chatkit_user')
//TODO: callback to reset the app state.

}

和 /src/components/userHeader/index.js 中的一个按钮

                <button onClick={() => logout()} >

退出

然后我想让我的按钮激活该功能所以我尝试了

import { logout } from '/src/auth/auth.js';

虽然这应该使我的按钮激活该功能，因为我只是导入了那个文件，但是我的服务器 netlify 把这个扔给我

./src/components/UserHeader/index.js

上午 10:38:20：您尝试导入项目 src/ 目录之外的 /src/auth/auth.js。不支持 src/ 之外的相对导入。 上午 10:38:20：您可以将其移动到 src/ 中，或者从项目的 node_modules/ 添加符号链接。 上午 10 点 38 分 20 秒：npm 上午 10 点 38 分 20 秒：错误！代码生命周期 上午 10 点 38 分 20 秒：npm 上午 10 点 38 分 20 秒：错误！错误号 1 上午 10 点 38 分 20 秒：npm 上午 10 点 38 分 20 秒：错误！ pusher-chatkit-demo-with-auth0@0.1.0 构建：react-scripts build 上午 10:38:20：npm 错误！

我真的想自己解决它，但我不能按照 github 教程https://github.com/Cazadorx/chatkit-sample-client 有所有请帮助我

Answer 1

从文件中导出函数

const logout = () => {
// Clear Access Token and ID Token from local storage
localStorage.removeItem('access_token')
localStorage.removeItem('id_token')
localStorage.removeItem('expires_at')
localStorage.removeItem('chatkit_user')
//TODO: callback to reset the app state.
}

export { logout };

Answer 2

试试这个方法

import { logout } from '../../auth/auth.js';

或

import { logout } from '../../auth/auth';