• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

Uncaught TypeError: vue__WEBPACK_IMPORTED_MODULE_0__.default is not a constructor

22.03.14 13:50 작성 조회수 1.92k

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

윤커니님의 프로필

윤커니

2022.12.07

혹시 해결하셨나요?

저는 아래 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는 완전 다른 프레임워크라고 보시면 됩니다. 제 깃헙 버전 따라하셔야 합니다.