React Native Error: Unable to resolve module process from shim.js process could not be found within the project or in these directories

 리액트 네이티브에서 node.js 코어 모듈과 npm 모듈을 사용할 수 있게 해주는 rn-nodeify를 설치 중에 에러가 발생했네요.

error: Error: Unable to resolve module process from D:\Study\rnstudy\shim.js: process could not be found within the project or in these directories:
node_modules
1 | if (typeof __dirname === 'undefined') global.__dirname = '/'
2 | if (typeof __filename === 'undefined') global.__filename = ''
> 3 | if (typeof process === 'undefined') {
| ^
4 | global.process = require('process')
5 | } else {
6 | const bProcess = require('process')
at ModuleResolver.resolveDependency (D:\Study\rnstudy\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:158:15)
at DependencyGraph.resolveDependency (D:\Study\rnstudy\node_modules\metro\src\node-haste\DependencyGraph.js:231:43)
at Object.resolve (D:\Study\rnstudy\node_modules\metro\src\lib\transformHelpers.js:129:24)
at resolve (D:\Study\rnstudy\node_modules\metro\src\DeltaBundler\traverseDependencies.js:396:33)
at D:\Study\rnstudy\node_modules\metro\src\DeltaBundler\traverseDependencies.js:412:26
at Array.reduce (<anonymous>)
at resolveDependencies (D:\Study\rnstudy\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)
at processModule (D:\Study\rnstudy\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)
at async addDependency (D:\Study\rnstudy\node_modules\metro\src\DeltaBundler\traverseDependencies.js:230:18)
at async Promise.all (index 0)


첫 시도는 아래와 같이 rn-nodeify --hack --install 로 시작했는데 이게 문제였던거 같습니다.

./node_modules/.bin/rn-nodeify --hack --install buffer,crypto,events,stream,vm,process
normalized "main" browser mapping in readable-stream, fixed here: https://github.com/facebook/metro-bundler/pull/3normalized "main" browser mapping in readable-stream, fixed here: https://github.com/facebook/metro-bundler/pull/3normalized "main" browser mapping in readable-stream, fixed here: https://github.com/facebook/metro-bundler/pull/3normalized "main" browser mapping in readable-stream, fixed here: https://github.com/facebook/metro-bundler/pull/3failed to parse node_modules\resolve\test\resolver\malformed_package_json\package.json
hacking D:\Study\rnstudy\node_modules\asap\package.json
hacking D:\Study\rnstudy\node_modules\iconv-lite\package.json
hacking D:\Study\rnstudy\node_modules\pbkdf2\browser.js
hacking D:\Study\rnstudy\node_modules\readable-stream\readable.js
hacking D:\Study\rnstudy\node_modules\@ethersproject\base64\package.json
hacking D:\Study\rnstudy\node_modules\@ethersproject\pbkdf2\package.json
hacking D:\Study\rnstudy\node_modules\@ethersproject\providers\package.json
hacking D:\Study\rnstudy\node_modules\@ethersproject\sha2\package.json
hacking D:\Study\rnstudy\node_modules\@ethersproject\web\package.json
hacking D:\Study\rnstudy\node_modules\bl\node_modules\readable-stream\package.json
hacking D:\Study\rnstudy\node_modules\browserify-sign\node_modules\readable-stream\package.json
hacking D:\Study\rnstudy\node_modules\browserify-sign\node_modules\readable-stream\readable.js
hacking D:\Study\rnstudy\node_modules\hash-base\node_modules\readable-stream\readable.js
hacking D:\Study\rnstudy\node_modules\bl\node_modules\readable-stream\readable.js
hacking D:\Study\rnstudy\node_modules\hash-base\node_modules\readable-stream\package.json
failed to parse: D:\Study\rnstudy\node_modules\resolve\test\resolver\malformed_package_json\package.json


아래와 같이 rn-nodeify --install "buffer" --hack 로 해주니 잘 되네요.

./node_modules/.bin/rn-nodeify --install "buffer,crypto,events,stream,vm,process" --hack
not reinstalling react-native-crypto
installing from npm buffer
installing from npm events
installing from npm stream-browserify
installing from npm vm-browserify
installing from npm process
installing from npm readable-stream
installing from npm react-native-randombytes
installing: npm install --save buffer@^4.9.1 events@^1.0.0 stream-browserify@^1.0.0 vm-browserify@0.0.4 process@^0.11.0 readable-stream@1.0.33 react-native-randombytes@^3.0.0
npm WARN deprecated buffer@4.9.1: This version of 'buffer' is out-of-date. You must update to v4.9.2 or newer

added 10 packages, changed 3 packages, and audited 1442 packages in 8m

141 packages are looking for funding
run `npm fund` for details

found 0 vulnerabilities
not overwriting shim.js. For the latest version, see rn-nodeify/shim.js
removing browser exclude node_modules\bn.js\package.json buffer
removing browser exclude node_modules\typescript\package.json buffer
removing browser exclude node_modules\browserify-sign\node_modules\bn.js\package.json buffer
removing browser exclude node_modules\browserify-rsa\node_modules\bn.js\package.json buffer
normalized "main" browser mapping in readable-stream, fixed here: https://github.com/facebook/metro-bundler/pull/3failed to parse node_modules\resolve\test\resolver\malformed_package_json\package.json
hacking D:\Study\rnstudy\node_modules\form-data\package.json
hacking D:\Study\rnstudy\node_modules\readable-stream\readable.js
hacking D:\Study\rnstudy\node_modules\stream-browserify\index.js
hacking D:\Study\rnstudy\node_modules\react-native-gesture-handler\DrawerLayout\package.json
hacking D:\Study\rnstudy\node_modules\react-native-gesture-handler\jest-utils\package.json
hacking D:\Study\rnstudy\node_modules\react-native-gesture-handler\Swipeable\package.json
hacking D:\Study\rnstudy\node_modules\react-native-screens\createNativeStackNavigator\package.json
hacking D:\Study\rnstudy\node_modules\react-native-screens\native-stack\package.json
hacking D:\Study\rnstudy\node_modules\react-native-screens\reanimated\package.json
hacking D:\Study\rnstudy\node_modules\readable-stream\lib\_stream_writable.js
hacking D:\Study\rnstudy\node_modules\readable-stream\lib\_stream_readable.js
hacking D:\Study\rnstudy\node_modules\bl\node_modules\readable-stream\package.json
hacking D:\Study\rnstudy\node_modules\browserify-sign\node_modules\readable-stream\package.json
hacking D:\Study\rnstudy\node_modules\hash-base\node_modules\readable-stream\package.json
hacking D:\Study\rnstudy\node_modules\through2\node_modules\readable-stream\readable.js
failed to parse: D:\Study\rnstudy\node_modules\resolve\test\resolver\malformed_package_json\package.json

댓글

이 블로그의 인기 게시물

'xxx.exe' 프로그램을 시작할 수 없습니다. 지정된 파일을 찾을 수 없습니다.

goorm IDE에서 node.js 프로젝트로 Hello World Simple Server 만들어 띄워보기

애드센스 수익을 웨스턴 유니온으로 수표대신 현금으로 지급 받아보자.