리액트 네이티브로 expo 실행중 생기는 문제가 있습니다

[athe]

import * as React from 'react';
import { WebView } from 'react-native-webview';

export default class App extends React.Component {
render() {
return <WebView source={{ uri: '--주소 들어갑니다--' }} style={{ marginTop: 20 }} />;
}
}

이렇게 js파일에 코드를 넣고 실행했을때

import * as React from 'react';
^

SyntaxError: Unexpected token *
at Module._compile (internal/modules/cjs/loader.js:723:23)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Function.Module.runMain (internal/modules/cjs/loader.js:831:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)

이와 같은 오류가 발생합니다.

깃허브에도 딱히 방법은 없는것 같은데 뭐가 문제일까요

[Lia]

안녕하세요.
현재 react native 스택에 버전이슈가 있어 실행이 바로 불가능합니다.
해당 에러 관련해서 아래 내용 참고하셔서 버전 업데이트 해주시면 해결될 것으로 보입니다.
감사합니다.

@Wynter 님이 react native 실행 에러 에서 보낸 메세지:

안녕하세요.

npm install -g expo-cli 를 진행해주신 다음에,

node version을 stable한 버전으로 업그레이드 시켜주세요.

n 이라는 플러그인을 통해 간단하게 업그레이드 할 수 있습니다.

1. npm cache clean -f
2. npm install -g n
3. n stable
4. node -v

node -v로 node version이 16버전으로 올라가지 않았다면, 터미널을 새로고침 해주세요.

이후에 npm run web 혹은 npm run start 후 w입력하면

webpack wating on http://....:19006이 터미널에 뜹니다. (포트가 다를 수도 있으니 확인해주세요)

터미널에 뜬 포트로 프로젝트 -> 실행URL과포트 에서 도메인 등록을 해주면 해당 도메인으로 실행된 화면을 확인하실 수 있습니다.
도메인 등록관련한 부분은 사용법을 참고해주세요!

감사합니다.

[강인호]

@Rosa-Kim 님이 리액트 네이티브로 expo 실행중 생기는 문제가 있습니다 에서 보낸 메세지:

import React from 'react'; 이렇게 해도 안되고

저도 그런데 뭐가 문제인지 모르겟네요.

[Rosa Kim]

안녕하세요,

해당 줄을 import React from 'react';로 변경해보시기 바랍니다.

typescript의 경우에 import * as React from 'react';를 사용하는 것으로 알고있습니다.