예제 속 디버깅 오류

+ 안드로이드 애뮬레이터를 실행하고 초기 화면도 오류가 뜨면서 실행되지 않습니다.

강의 속 타이핑한 코드를 그대로 옮겨 적었는데 아래와 같은 디버깅 오류가 뜹니다.

타이핑한 코드

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 *
 * @format
 * @flow
 */

import React, { Component } from 'react';
import { View, Text, StyleSheet } from 'react-native';

class App extends Component{

  render() {
    return(
      <View style={Styles.background}>
        <Text> Hello world</Text>
      </View>

    )
  }
}

const styles = StyleSheet.create({
  background: {
    flex : 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center'
  }
})

export default App;

디버깅 콘솔

C:\Program Files\nodejs\node.exe .\App.js

Debugger attached.

(node:2188) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.

(Use `node --trace-warnings ...` to show where the warning was created)

Waiting for the debugger to disconnect...

c:\Users\onesm\Desktop\AppDevel\react_01\App.js:9

import React, { Component } from 'react';

^^^^^^

SyntaxError: Cannot use import statement outside a module

at wrapSafe (node:internal/modules/cjs/loader:999:16)

at Module._compile (node:internal/modules/cjs/loader:1047:27)

at Object.Module._extensions..js (node:internal/modules/cjs/loader:1112:10)

at Module.load (node:internal/modules/cjs/loader:948:32)

at Function.Module._load (node:internal/modules/cjs/loader:789:14)

at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:72:12)

at node:internal/main/run_main_module:17:47

Process exited with code 1

(node:2188) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.

(Use `node --trace-warnings ...` to show where the warning was created)

null: Uncaught c:\Users\onesm\Desktop\AppDevel\react_01\App.js:9

import React, { Component } from 'react';

^^^^^^

SyntaxError: Cannot use import statement outside a module

어떤 부분을 수정헤야 하나요?

onesmind97님,

안녕하세요. 지식공유자 Wintho입니다.

문의 주신 내용에 답변 드립니다.

이전 질문주신 내용과 연관이 있어보입니다.

‘Debugger attached.’ 와

‘Waiting for the debugger to disconnect…’ 라는 로그가 뜨는 걸로 봐서,

Debugger가 붙었다가 disconnect되지 않는 오류로 생각됩니다.

만일, 코드가 굉장히 단조롭고 간단했다면

Debugger가 붙지 않았을 경우는 실행이 되었을 것이고요,

Debugger가 붙은 순간에 빌드가 되었다면 실행이 안 되었을 겁니다.

Visual Studio Code를 다시 설치해보시고(1.42버전),

Debugging 하는 과정은 생략해보시기 바랍니다.

감사합니다.

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