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

import 와

export default NumberBaseball; 하면

에러가납니다ㅠㅠ 

react-dom.development.js:4264 Uncaught Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

 

require와

module.exports = NumberBaseball;

를하면 됩니다.. 

왜그런걸까요 바벨이 호환을 못해주나욧? ㅠㅠ 

어떻게 설정을 해줘야하나요?

 

 

package.json 입니당

 

{

  "name": "game",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "dev": "webpack-dev-server --hot"

  },

  "author": "SuYeon",

  "license": "MIT",

  "dependencies": {

    "react": "^16.9.0",

    "react-dom": "^16.9.0"

  },

  "devDependencies": {

    "@babel/core": "^7.5.5",

    "@babel/plugin-proposal-class-properties": "^7.5.5",

    "@babel/preset-env": "^7.5.5",

    "@babel/preset-react": "^7.0.0",

    "babel-loader": "^8.0.6",

    "react-hot-loader": "^4.12.11",

    "webpack": "^4.39.1",

    "webpack-cli": "^3.3.6",

    "webpack-dev-server": "^3.8.0"

  }

}