React 프로젝트 중에 에러가 났는데 해결할 방법이 도무지 보이지 않아요ㅠㅠ 도와주세요ㅠㅠ

Question

react&#43;electron&#43;typescript 환경에서 개발하던 중에 패키지를 하나 다운받았는데 그 후로 에러가 와장창 뜨네요..yarn을 쓰고 있고 $yarn add electron-store 를 하고 yarn start를 하니 에러가 나네요..//package.json { &#34;name&#34;: &#34;jandi&#34;, &#34;version&#34;: &#34;0.1.0&#34;, &#34;description&#34;: &#34;My Electron App&#34;, &#34;author&#34;: &#34;Kang&#34;, &#34;private&#34;: true, &#34;main&#34;: &#34;public/Main.js&#34;, &#34;homepage&#34;: &#34;./&#34;, &#34;scripts&#34;: { &#34;start&#34;: &#34;react-scripts start&#34;, &#34;electron&#34;: &#34;electron ./&#34;, &#34;build&#34;: &#34;react-scripts build&#34;, &#34;test&#34;: &#34;react-scripts test&#34;, &#34;eject&#34;: &#34;react-scripts eject&#34;, &#34;electron-pack&#34;: &#34;yarn build&& electron-builder build -c.extraMetadata.main&#61;build/Main.js&#34; }, &#34;dependencies&#34;: { &#34;&#64;testing-library/jest-dom&#34;: &#34;^5.14.1&#34;, &#34;&#64;testing-library/react&#34;: &#34;^13.0.0&#34;, &#34;&#64;testing-library/user-event&#34;: &#34;^13.2.1&#34;, &#34;&#64;types/jest&#34;: &#34;^27.0.1&#34;, &#34;&#64;types/node&#34;: &#34;^16.7.13&#34;, &#34;&#64;types/react&#34;: &#34;^18.0.0&#34;, &#34;&#64;types/react-dom&#34;: &#34;^18.0.0&#34;, &#34;axios&#34;: &#34;^1.6.2&#34;, &#34;electron-store&#34;: &#34;^8.1.0&#34;, &#34;node-sass&#34;: &#34;^9.0.0&#34;, &#34;react&#34;: &#34;^18.2.0&#34;, &#34;react-dom&#34;: &#34;^18.2.0&#34;, &#34;react-query&#34;: &#34;^3.39.3&#34;, &#34;react-router-dom&#34;: &#34;^6.20.1&#34;, &#34;react-scripts&#34;: &#34;^5.0.1&#34;, &#34;typescript&#34;: &#34;^4.4.2&#34;, &#34;web-vitals&#34;: &#34;^2.1.0&#34; }, &#34;devDependencies&#34;: { &#34;electron&#34;: &#34;^27.1.3&#34;, &#34;electron-builder&#34;: &#34;^24.9.1&#34;, &#34;eslint-config-react-app&#34;: &#34;7.0.0&#34; }, &#34;browserslist&#34;: { &#34;production&#34;: [ &#34;>0.2%&#34;, &#34;not dead&#34;, &#34;not op_mini all&#34; ], &#34;development&#34;: [ &#34;last 1 chrome version&#34;, &#34;last 1 firefox version&#34;, &#34;last 1 safari version&#34; ] } }다음은 에러문구입니다.Failed to compile. Module not found: Error: Can't resolve 'path' in 'C:{...}.yarn\cache\atomically-npm-1.7.0-e742e5293b-991153b173.zip
ode_modules\atomically\dist' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/atomically-npm-1.7.0-e742e5293b-991153b173.zip/node_modules/atomically/dist/index.js 8:13-28 Module not found: Error: Can't resolve 'path' in 'C:{...}\.yarn\cache\atomically-npm-1.7.0-e742e5293b-991153b173.zip
ode_modules\atomically\dist' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/atomically-npm-1.7.0-e742e5293b-991153b173.zip/node_modules/atomically/dist/utils/fs.js 7:11-24 Module not found: Error: Can't resolve 'fs' in 'C:\Users\DSM2022\Desktop\Folder\Project\JANDI\.yarn\cache\atomically-npm-1.7.0-e742e5293b-991153b173.zip
ode_modules\atomically\dist\utils' Did you mean './fs'? Requests that should resolve in the current directory need to start with './'. Requests that start with a name are treated as module requests and resolve within module directories (node_modules, C:{...}
ode_modules). If changing the source code is not an option there is also a resolve options called 'preferRelative' which tries to resolve these kind of requests in the current directory too. ERROR in ./.yarn/cache/atomically-npm-1.7.0-e742e5293b-991153b173.zip/node_modules/atomically/dist/utils/fs.js 8:15-30 Module not found: Error: Can't resolve 'util' in 'C:{...}.yarn\cache\atomically-npm-1.7.0-e742e5293b-991153b173.zip
ode_modules\atomically\dist\utils' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;util&#34;: require.resolve(&#34;util/&#34;) }' - install 'util' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;util&#34;: false } ERROR in ./.yarn/cache/atomically-npm-1.7.0-e742e5293b-991153b173.zip/node_modules/atomically/dist/utils/temp.js 7:13-28 Module not found: Error: Can't resolve 'path' in 'C:{...}\.yarn\cache\atomically-npm-1.7.0-e742e5293b-991153b173.zip
ode_modules\atomically\dist\utils' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 19:15-30 Module not found: Error: Can't resolve 'util' in 'C:{...}\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;util&#34;: require.resolve(&#34;util/&#34;) }' - install 'util' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;util&#34;: false } ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 20:11-24 Module not found: Error: Can't resolve 'fs' in 'C:{...}\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 21:13-28 Module not found: Error: Can't resolve 'path' in 'C:\{...}I\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 22:15-32 Module not found: Error: Can't resolve 'crypto' in 'C:\{...}\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;crypto&#34;: require.resolve(&#34;crypto-browserify&#34;) }' - install 'crypto-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;crypto&#34;: false } ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 23:15-32 Module not found: Error: Can't resolve 'assert' in 'C:\{...}\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;assert&#34;: require.resolve(&#34;assert/&#34;) }' - install 'assert' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;assert&#34;: false } ERROR in ./.yarn/cache/conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip/node_modules/conf/dist/source/index.js 24:17-34 Module not found: Error: Can't resolve 'events' in 'C:\{...}\.yarn\cache\conf-npm-10.2.0-8d0cbf5589-27066f38a2.zip
ode_modules\conf\dist\source' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;events&#34;: require.resolve(&#34;events/&#34;) }' - install 'events' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;events&#34;: false } ERROR in ./.yarn/cache/electron-store-npm-8.1.0-eb7ce7c6e3-7036f6d91c.zip/node_modules/electron-store/index.js 3:13-28 Module not found: Error: Can't resolve 'path' in 'C:\{...}\.yarn\cache\electron-store-npm-8.1.0-eb7ce7c6e3-7036f6d91c.zip
ode_modules\electron-store' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/env-paths-npm-2.2.1-7c7577428c-65b5df55a8.zip/node_modules/env-paths/index.js 3:13-28 Module not found: Error: Can't resolve 'path' in 'C:\{...}\.yarn\cache\env-paths-npm-2.2.1-7c7577428c-65b5df55a8.zip
ode_modules\env-paths' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/env-paths-npm-2.2.1-7c7577428c-65b5df55a8.zip/node_modules/env-paths/index.js 4:11-24 Module not found: Error: Can't resolve 'os' in 'C:\{...}\.yarn\cache\env-paths-npm-2.2.1-7c7577428c-65b5df55a8.zip
ode_modules\env-paths' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;os&#34;: require.resolve(&#34;os-browserify/browser&#34;) }' - install 'os-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;os&#34;: false } ERROR in ./.yarn/cache/find-up-npm-3.0.0-a2d4b1b317-38eba3fe7a.zip/node_modules/find-up/index.js 3:13-28 Module not found: Error: Can't resolve 'path' in 'C:\{...}\.yarn\cache\find-up-npm-3.0.0-a2d4b1b317-38eba3fe7a.zip
ode_modules\find-up' BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default. This is no longer the case. Verify if you need this module and configure a polyfill for it. If you want to include a polyfill, you need to: - add a fallback 'resolve.fallback: { &#34;path&#34;: require.resolve(&#34;path-browserify&#34;) }' - install 'path-browserify' If you don't want to include a polyfill, you can use an empty module like this: resolve.fallback: { &#34;path&#34;: false } ERROR in ./.yarn/cache/locate-path-npm-3.0.0-991671ae9f-53db399667.zip/node_modules/locate-path/index.js 3:13-28 Module not found: Error: Can't resolve 'path' in 'C:\{...}\.yarn\cache\locate-path-npm-3.0.0-991671ae9f-53db399667.zip
ode_modules\l 찾아보니 react-scripts 5버전 이상부터는 폴리필 설정을 수동을 해줘야 한다고 하는데 여러 방법으로 시도해봤지만 해결이 되지 않았어요... 어떻게 해야할지...

React 프로젝트 중에 에러가 났는데 해결할 방법이 도무지 보이지 않아요ㅠㅠ 도와주세요ㅠㅠ

0개의 답변

기술 목록