Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

programing

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

prostudy 2022. 3. 28. 21:39

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

나는 많은 사람들이 React Native가 Android를 지원하게 된 것에 대해 매우 흥분하고 있다고 믿는다.

그러나 Windows 기계에서의 개발을 지원하지 않는 것에 대해 큰 실망이 있을 것이다 - 많은 경우에 주요 OS를 그냥 바꿀 수 없는 더 큰 기업에서 "Ractive Native"를 채택하는 것을 막을 것이다.

내가 조금 파고들었는데 어쨌든 윈도우에서 실행하는 것은 어렵지 않은 것 같아.

산란에서 발생으로 변경requirejs.exec에react-native-cli index.js다음과 같은 경우:

    spawn.exec(cmd + ' ' + args.join(' '), function(code, output){
      if (code !== 0) {
        cb(new Error('Command exited with a non-zero status ' + code + '\n' + cmd + ' ' + args.replace(',', ' ')));
      } else {
        cb(null);
      }
    });
    //var proc = spawn(cmd, args, {stdio: 'inherit'});
    //proc.on('close', function(code) {
    //  if (code !== 0) {
    //    cb(new Error('Command exited with a non-zero status'));
    //  } else {
    //    cb(null);
    //  }
    //});

이 변경으로 실행할 수 있다.react-native run-android눈에 보이는 오류 없이에뮬레이터와 앱을 시작한다.

Windows(윈도우)에서 마지막으로 누락된 구성 요소는 다음과 같다.개발 서버가 작동하지 않는 이유 또는 앱이 서버에 연결할 수 없는 이유

"JS 번들을 다운로드할 수 없음..."죽음의 붉은 화면.인 것 같다react-native run-android인쇄를 해도 시작에 실패함Starting JS server.... 하단의 전체 출력을 참조하십시오.

그걸 고칠 수 있는 사람?

감사합니다.

    Y:\Mobile>react-native run-android
    Starting JS server...
        Building and installing the app on the device (cd android && gradlew.bat installDebug)...
    :app:preBuild UP-TO-DATE
    :app:preDebugBuild UP-TO-DATE
    :app:checkDebugManifest
        :app:preReleaseBuild UP-TO-DATE
    :app:prepareComAndroidSupportAppcompatV72300Library UP-TO-DATE
    :app:prepareComAndroidSupportSupportV42300Library UP-TO-DATE
    :app:prepareComFacebookFrescoDrawee061Library UP-TO-DATE
    :app:prepareComFacebookFrescoFbcore061Library UP-TO-DATE
    :app:prepareComFacebookFrescoFresco061Library UP-TO-DATE
    :app:prepareComFacebookFrescoImagepipeline061Library UP-TO-DATE
    :app:prepareComFacebookFrescoImagepipelineOkhttp061Library UP-TO-DATE
    :app:prepareComFacebookReactReactNative0110Library UP-TO-DATE
    :app:prepareOrgWebkitAndroidJscR174650Library UP-TO-DATE
    :app:prepareDebugDependencies
        :app:compileDebugAidl UP-TO-DATE
    :app:compileDebugRenderscript UP-TO-DATE
    :app:generateDebugBuildConfig UP-TO-DATE
    :app:generateDebugAssets UP-TO-DATE
    :app:mergeDebugAssets UP-TO-DATE
    :app:generateDebugResValues UP-TO-DATE
    :app:generateDebugResources UP-TO-DATE
    :app:mergeDebugResources UP-TO-DATE
    :app:processDebugManifest UP-TO-DATE
    :app:processDebugResources UP-TO-DATE
    :app:generateDebugSources UP-TO-DATE
    :app:processDebugJavaRes UP-TO-DATE
    :app:compileDebugJavaWithJavac UP-TO-DATE
    :app:compileDebugNdk UP-TO-DATE
    :app:compileDebugSources UP-TO-DATE
    :app:preDexDebug UP-TO-DATE
    :app:dexDebug UP-TO-DATE
    :app:validateDebugSigning
        :app:packageDebug UP-TO-DATE
    :app:zipalignDebug UP-TO-DATE
    :app:assembleDebug UP-TO-DATE
    :app:installDebug
    Installing APK 'app-debug.apk' on 'reactnative(AVD) - 6.0'
    Installed on 1 device.

        BUILD SUCCESSFUL

    Total time: 20.332 secs
    Starting the app (adb shell am start -n com.mobile/.MainActivity)...
    Starting: Intent { cmp=com.mobile/.MainActivity }

갱신하다

다음은 개발 서버를 실행하기 위해 사용한 자세한 내용 입니다.react-native run-android작업:

시도해보았지만 'npm start'는 다음과 같이 실패한다.

    Y:\Mobile>npm start

    > Mobile@0.0.1 start Y:\Mobile
    > node_modules/react-native/packager/packager.sh

    'node_modules' is not recognized as an internal or external command,
    operable program or batch file.

    npm ERR! Windows_NT 6.3.9600
    npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
    npm ERR! node v4.0.0
    npm ERR! npm  v2.14.2
    npm ERR! code ELIFECYCLE
    npm ERR! Mobile@0.0.1 start: `node_modules/react-native/packager/packager.sh`
    npm ERR! Exit status 1
    npm ERR!
    npm ERR! Failed at the Mobile@0.0.1 start script 'node_modules/react-native/packager/packager.sh'.
    npm ERR! This is most likely a problem with the Mobile package,
    npm ERR! not with npm itself.
    npm ERR! Tell the author that this fails on your system:
    npm ERR!     node_modules/react-native/packager/packager.sh
    npm ERR! You can get their info via:
    npm ERR!     npm owner ls Mobile
    npm ERR! There is likely additional logging output above.

    npm ERR! Please include the following file with any support request:
    npm ERR!     Y:\Mobile\npm-debug.log

그리고 나서 나는 노력했다.react-native start이렇게 실패한 경우:

    Y:\Mobile>react-native start
    module.js:338
        throw err;
        ^

    Error: Cannot find module 'Y:\Mobile\packager.js'
        at Function.Module._resolveFilename (module.js:336:15)
        at Function.Module._load (module.js:286:25)
        at Function.Module.runMain (module.js:475:10)
        at startup (node.js:117:18)
        at node.js:951:3

그리고 나서 나는 노력했다.node node_modules/react-native/packager/packager.js실제로 이런 식으로 작용한다.

    Y:\Mobile>node node_modules/react-native/packager/packager.js
     ┌────────────────────────────────────────────────────────────────────────────┐
     │  Running packager on port 8081.                                            │
     │                                                                            │
     │  Keep this packager running while developing on any JS projects. Feel      │
     │  free to close this tab and run your own packager instance if you          │
     │  prefer.                                                                   │
     │                                                                            │
     │  https://github.com/facebook/react-native                                  │
     │                                                                            │
     └────────────────────────────────────────────────────────────────────────────┘
    Looking for JS files in
       Y:\Mobile


    React packager ready.

    [10:43:07 AM] <START> Building Dependency Graph
    [10:43:07 AM] <START> Crawling File System
    [10:43:17 AM] <END>   Crawling File System (10513ms)
    [10:43:17 AM] <START> Building in-memory fs for JavaScript
    [10:43:18 AM] <END>   Building in-memory fs for JavaScript (1116ms)
    [10:43:18 AM] <START> Building in-memory fs for Assets
    [10:43:19 AM] <END>   Building in-memory fs for Assets (1090ms)
    [10:43:19 AM] <START> Building Haste Map
    [10:43:20 AM] <START> Building (deprecated) Asset Map
    [10:43:20 AM] <END>   Building (deprecated) Asset Map (221ms)
    [10:43:20 AM] <END>   Building Haste Map (639ms)
    [10:43:20 AM] <END>   Building Dependency Graph (13360ms)

하지만 그 다음엔 내가 누른다.Reload JS사망의 적색 화면과 약 30km 후에 다시 실패하면 개발 서버 콘솔이 이를 인쇄한 후 개발 서버를 종료한다.

    <--- Last few GCs --->

      172210 ms: Scavenge 1402.5 (1455.6) -> 1402.5 (1455.6) MB, 9.6 / 0 ms (+ 2.0 ms in 1 steps since last GC) [allocation failure] [incremental marking delaying mark-sweep].
      173083 ms: Mark-sweep 1402.5 (1455.6) -> 1402.5 (1455.6) MB, 872.5 / 0 ms (+ 3.0 ms in 2 steps since start of marking, biggest step 2.0 ms) [last resort gc].
      173954 ms: Mark-sweep 1402.5 (1455.6) -> 1402.4 (1455.6) MB, 871.1 / 0 ms [last resort gc].


    <--- JS stacktrace --->

    ==== JS stack trace =========================================

    Security context: 0000018472E37349 <JS Object>
        1: join [path.js:~217] [pc=0000039512658044] (this=0000006899C67369 <an Object with map 0000008FE2423E19>)
        2: arguments adaptor frame: 3->0
        3: /* anonymous */(aka /* anonymous */) [Y:\Mobile\node_modules\react-native\packager\react-packager\src\DependencyResolver\DependencyGraph\ResolutionRequest.js:~226] [pc=00000395137E2AFA] (this=0000018472E04131 <undefined>,realModuleN...

    FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - process out of memory

Windows에서 실행하기엔 너무 가까운 것 같아, 여기 마지막 부분만 조금 도와주면 돼.

제발 도와주세요.

업데이트: 0.14 버전(2015년 10월)을 기점으로 커뮤니티의 멋진 작업 덕분에 Windows(윈도우)

Windows가 아직 공식적으로 지원되지 않습니다, 시작 설명서를 참조하십시오.

우리는 가능한 한 빨리 출시되기를 원했고 우선 맥 OS에 초점을 맞췄다.

커뮤니티에 있는 사람들은 최소한의 변경사항으로 React Native를 Linux에서 작업하도록 했고(곧 문서화할 예정) 누군가가 Windows에서 작업한 것처럼 보인다.

https://github.com/facebook/react-native/issues/2787

싸이그윈을 설치하고 다음을 실행하여 해결할 방법을 찾았다. cd package sh package.sh

누군가에게 도움이 되었으면 좋겠어.

ReactWindows에서 지원하는 Windows 10 SDK:

윈도 10
윈도 10 모바일
Xbox One(UWP)
Windows 7 및 8.1(WPF)

참조URL: https://stackoverflow.com/questions/32619846/react-native-does-not-support-development-on-windows-yet

'programing' 카테고리의 다른 글

useState가 계속 초기값으로 재설정됨재렌더 시 (0)	2022.03.28
VueJS 2에서 v-for 값 + 문자열을 사용하는 동적 v-모델 (0)	2022.03.28
vue-roouter를 사용하여 리디렉션하려면 어떻게 해야 하는가? (0)	2022.03.27
vue 라우터 링크를 vue 구성 요소에 연결하는 방법 (0)	2022.03.27
Vue: 메서드가 인라인 템플릿 구성 요소 태그 내의 함수가 아님 (0)	2022.03.27

현재글Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

각종 프로그래밍 정보를 다루는 블로그입니다.

vuetify, TypeScript, 전시, react-redux, VUE, Rxjs, Vue-Router, react-hooks, python-2, vue-component, Reactjs, C, java, vuex, 공연, python-3, vuejs2, react-native, react-router, Python,

Today :
Yesterday :

prostudy

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

갱신하다

'programing' 카테고리의 다른 글

'programing'의 다른글

티스토리툴바

« 2025/02 »
일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

Resact Native가 Windows(윈도우)에서 개발을 지원하지 않는가?

갱신하다

'programing' 카테고리의 다른 글

'programing'의 다른글

관련글

티스토리툴바