Vue.js 3, Cli - bootstrap 을 적용하던 와중 발생한 에러.
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') at eval
해당하는 에러가 발생하였다.
여러 문서들을 뒤적거린결과, bootstrap은 아직 Vue.js 3를 지원하지 않는다고 합니다... ㅠ
그렇기 때문에 Vue.js 3 => Vue.js 2 [downgrade] 를 해주시거나,
다른 css 프레임워크를 사용해주시면 되겠습니다... ㅠㅠ
bootstrap-vue-3
Early (but lovely) implementation of Vue 3, Bootstrap 5 and Typescript
www.npmjs.com
수정 21.09.01.10:11
에러해결 - ReactDOM.Component => React.Component
DOM이 아니라 그냥 React만 호출해야했다.
React.js 하던와중 갑자기 이런 에러가 발생
왠지모르겠음..
super()를 선언할때 인자로 null 혹은 function이 들어가야하는데 undefined가 들어갔다. 라는 뜻 같은데..
props에 해당하는 부분이 undefined 된건가?
흠.
코드는 대충 클릭이벤트 함수를 생성한것인데, 이렇다.
<body>
<div id="root"></div>
<script type="text/babel">
class App extends ReactDOM.Component {
constructor (props) {
super(props)
this.state = {
count : 0
}
this.countUp = this.countUp.bind(this)
}
render () {
return (
<div>
<h1>클릭한 횟수 : {this.state.count}</h1>
<button onClick={this.countUp}>클릭</button>
</div>
)
}
countUp (event) {
this.setState({
count: this.state.count + 1
})
}
}
const container = document.querySelector("#root")
ReactDOM.render(<App />, container)
</script>
</body>
| [ React.js ] input, onChange 이벤트, 입력창 핸들링, 예제 (0) | 2021.09.01 |
|---|---|
| [ React.js ] 클릭 이벤트 구현 , 버튼 클릭 시 값 증가, 예제 (0) | 2021.09.01 |
| [ React.js ] 현재 시각 시계 만들기 예제 (0) | 2021.08.30 |
| JSX 기본 문법 - 기초 (0) | 2021.08.27 |
| [ React.js ] Render - 함수형으로 출력하자. - 예제 / 고양이 사진 출력하기 (1) | 2021.08.26 |