강의

N
챌린지

멘토링

N
클립

커뮤니티

인프런 커뮤니티 질문&답변

dlwjdgus3217님의 프로필 이미지
dlwjdgus3217

작성한 질문수

yarn dev 리액트 오류 해결요청

작성

·

381

·

수정됨

0

안녕하세요.

강의에서 배운내용을 포트폴리오에 적용하려하니 갑자기 이런 에러가 발생하며 yarn dev가 실행되지 않습니다.

main@DESKTOP-N3349BU MINGW64 ~/Desktop/인프런/codecamp-frontend-lee/freeboard_frontend (master)
$ yarn dev
yarn run v1.22.19
warning ..\package.json: No license field
$ next dev
ready - started server on 0.0.0.0:3000, url: http://localhost:3000
Expectation Violation: Duplicate atom key "accessTokenState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:14:70)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "accessTokenDataName". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:18:73)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "isLoginState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:22:66)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "isEditState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:26:65)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "visitedPageState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:30:70)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "watchedItems". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:34:71)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:16:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "accessTokenState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:14:70)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "accessTokenDataName". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:18:73)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "isLoginState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:22:66)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "isEditState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:26:65)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "visitedPageState". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:30:70)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
Expectation Violation: Duplicate atom key "watchedItems". This is a FATAL ERROR in
      production. But it is safe to ignore this warning if it occurred because of
      hot module replacement.
    at expectationViolation (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:671:19)
    at checkForDuplicateAtomKey (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:752:9)
    at registerNode (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:763:5)
    at baseAtom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8347:16)
    at atom (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\node_modules\recoil\cjs\index.js:8399:12)
    at eval (webpack-internal:///./src/commons/stores/index.ts:34:71)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/apollo/index.tsx:13:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
webpack-internal:///./src/commons/stores/index.ts:38
const restoreAccessTokenLoadable = selector({
                                   ^

ReferenceError: selector is not defined
    at eval (webpack-internal:///./src/commons/stores/index.ts:38:36)
    at ./src/commons/stores/index.ts (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:42:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.presenter.tsx:8:73)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.presenter.tsx:1:21)
    at ./src/components/commons/layout/header/LayoutHeader.presenter.tsx (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\pages\_app.js:112:1)
    at __webpack_require__ (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:33:42)
    at eval (webpack-internal:///./src/components/commons/layout/header/LayoutHeader.conatainor.tsx:10:81)
    at __webpack_require__.a (C:\Users\main\Desktop\인프런\codecamp-frontend-lee\freeboard_frontend\.next\server\webpack-runtime.js:111:13)

Node.js v19.5.0
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

main@DESKTOP-N3349BU MINGW64 ~/Desktop/인프런/codecamp-frontend-lee/freeboard_frontend (master)


해당오류가 발생하여 이전으로 다 빽 하였는데도 오류가 계속 발생하여 실행을 할 수 없습니다.

import {
  ApolloClient,
  ApolloLink,
  ApolloProvider,
  InMemoryCache,
} from "@apollo/client";
import { useRecoilState } from "recoil";
import { createUploadLink } from "apollo-upload-client";
import { accessTokenState } from "../../commons/stores";
import { useEffect } from "react";

interface IApollosettings {
  children: JSX.Element;
}

export default function ApolloSetting(props: IApollosettings): JSX.Element {
  const [accessToken, setAccessToken] = useRecoilState(accessTokenState);

  useEffect(() => {
    const result = localStorage.getItem("accessToken");
    setAccessToken(result ?? "");
  });

  const uploadLink = createUploadLink({
    uri: "http://backend-practice.codebootcamp.co.kr/graphql",
    headers: {
      Authorization: `Bearer ${accessToken}`,
    },
  });

  const client = new ApolloClient({
    link: ApolloLink.from([uploadLink]),
    cache: new InMemoryCache(),
  });

  return <ApolloProvider client={client}>{props.children}</ApolloProvider>;
}

리코일 쪽에 자꾸 문제가 있다고 나와서 리코일을 주석처리하여도 계속 오류가 발생합니다.

import { atom } from "recoil";

export const accessTokenState = atom({
  key: "accessTokenState",
  default: "",
});

export const accessTokenDataName = atom({
  key: "accessTokenDataName",
  default: "",
});

export const isLoginState = atom({
  key: "isLoginState",
  default: false,
});

export const isEditState = atom({
  key: "isEditState",
  default: false,
});

export const visitedPageState = atom({
  key: "visitedPageState",
  default: "",
});

export const watchedItemsState = atom({
  key: "watchedItems",
  default: "",
});

현재 진행이 되지 않아 해결부탁드립니다...

 

잘되던 pakage.json 이 No license field라고 나옵니다.

노드모듈을 삭제했다가 다시 설치했습니다.

 

현재 저는 recoil에서 selector를 이용하고 있지 않음에도 selector를 찾을 수 없다고 오류가 발생중입니다.

답변 1

0

인프런 AI 인턴님의 프로필 이미지
인프런 AI 인턴

안녕하세요, 인프런 AI 인턴이에요. yarn dev를 실행하면 Duplicate atom key라는 오류가 발생하고 있네요. 이 오류는 Recoil이라는 라이브러리에서 발생한 것으로 보입니다.

Duplicate atom key 오류는 Recoil에서 동일한 atom 키를 여러 번 등록하려고 할 때 발생합니다. 이 오류는 개발 환경에서는 무시해도 되지만, 실제 프로덕션 환경에서는 심각한 오류로 처리됩니다.

이 문제를 해결하기 위해서는 다음과 같은 방법들을 시도해 볼 수 있습니다.

  1. 중복된 atom 키를 찾아 수정하기: 코드를 검토하여 중복된 atom 키가 있는지 확인하고, 필요한 경우 중복을 제거하거나 유니크한 키를 사용하도록 수정해야 합니다.

  2. Recoil 버전 업데이트하기: Recoil의 최신 버전으로 업데이트하면 오류가 해결될 수 있습니다. 해당 프로젝트의 package.json 파일에서 Recoil 버전을 확인하고, 업데이트가 가능하다면 업데이트해 보세요.

  3. Recoil 초기화하기: Recoil 관련 설정 파일 중에 Recoil Root를 초기화하는 코드가 있는지 확인해 보세요. Recoil Root를 초기화하는 곳에서 동일한 atom 키를 등록하는 부분이 있는지 확인하고, 중복을 제거하거나 수정해야 합니다.

위의 방법들을 시도해 보고 여전히 문제가 해결되지 않는다면, 좀 더 상세한 정보와 코드를 제공해 주시면 더 정확한 도움을 드릴 수 있을 것 같아요. 이렇게 해보시고 문제가 해결되지 않거나 추가 도움이 필요하시면 언제든지 말씀해주세요. 즐거운 프로그래밍 되세요!

dlwjdgus3217님의 프로필 이미지
dlwjdgus3217
질문자

// import { atom, RecoilEnv } from "recoil";

// export const accessTokenState = atom({
//   key: "accessTokenState",
//   default: "",
// });

// export const accessTokenDataName = atom({
//   key: "accessTokenDataName",
//   default: "",
// });

// export const isLoginState = atom({
//   key: "isLoginState",
//   default: false,
// });

// export const isEditState = atom({
//   key: "isEditState",
//   default: false,
// });

// export const visitedPageState = atom({
//   key: "visitedPageState",
//   default: "",
// });

// export const watchedItemsState = atom({
//   key: "watchedItems",
//   default: "",
// });

recoil 관련 파일을 다 주석처리 했음에도 불구하고 recoil관련 오류가 발생합니다. 혹시 class 폴더와 중첩되거나 하는 오류가 있는건가요?

 

const restoreAccessTokenLoadable = selector({

위 코드 파일에는 있지도 않은 selector가 자꾸 정의되지 않았다고 오류가 발생합니다.

 


export default function App({ Component }: AppProps): JSX.Element {
  return (
    <ApolloSetting>
      <>
        <Global styles={globalStyles} />
        <Layout>
          <Component />
        </Layout>
      </>
    </ApolloSetting>
  );
}

혹시 몰라 recoil root를 설정하지 않았는데도 자꾸 recoil관련 오류가 발생합니다.

 

dlwjdgus3217님의 프로필 이미지
dlwjdgus3217

작성한 질문수

전체 Q&A
질문하기