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

ㅌㅇ님의 프로필 이미지
ㅌㅇ

작성한 질문수

웹 게임을 만들며 배우는 Vue

3-3. 웹팩 로더 사용하기

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

작성

·

2.5K

0

위의 script_vue 디렉토리는 1강에서 했던 작업물들입니다.

 

 

 

vue 버전과 vue-template-compiler(2.6.14) 버전을 동일 하게 하고 나서 webpack을 실행하니,

[webpack-cli] Failed to load '/Users/joo/Desktop/zero_view/webpack.config.js' config

[webpack-cli] Error: Cannot find module 'vue/compiler-sfc'

이런 에러가 나서 vue/compiler-sfc을 설치 한 후, 다시 vue는 (3.2.31)최신버전으로 하고 vue-temp는 (2.6.14)버전으로 하고 나서 웹팩빌드 하니 에러 없이 app.js 파일을 생성했습니다.

그리고 numberbaseball.html 파일을 실행하니,

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

    at eval (main.js:7:1)

    at Object../main.js (app.js:19:1)

    at __webpack_require__ (app.js:153:41)

    at app.js:205:37

    at app.js:207:12

위에 내용과 같은 에러가 크롬콘솔창에 뜹니다.

관련해서 검색 해도 잘 나오질 않네요 ㅜ

답변 2

1

혹시 해결하셨나요?

저는 아래 url보고 해결했습니다.

https://stackoverflow.com/questions/71550185/vue-webpack-imported-module-0-is-not-a-constructor

역시 버전 문젠데

강좌에 main.js에

new Vue(NumberBaseball).$mount('#root'); 를

createApp(NumberBaseball).mount("root"); 로 변경하신 후 다시 빌드하시면 아마 될겁니다.

스크린샷 2022-12-07 14.22.47.png

 

설명 감사합니다. 같은 이슈 발생했는데 잘 보고 해결 하였습니다

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

제 강좌는 vue2 입니다. vue3는 완전 다른 프레임워크라고 보시면 됩니다. 제 깃헙 버전 따라하셔야 합니다.

ㅌㅇ님의 프로필 이미지
ㅌㅇ

작성한 질문수

질문하기