javascript - vue-loader 학습 중 문제가 발생했습니다. 조언 부탁드립니다.

Question

vue-loader를 배우고 있는 중입니다. 영상에 나오는 방법대로
새 파일 만들기
1 index.html

으아악

2 main.js

으아악

3 webpack.config.js

으아악

4 빈 App.vue 파일

5 npm init 사용 후 스크립트가 실행 명령어로 변경되었습니다

6 cnpm install webpack webpack-dev-server를 통해 webpck webpack-dev-server를 다운로드했습니다

마지막으로 npm run dev를 통과하면 다음과 같이 오류가 보고됩니다

ERROR in ./main.js
모듈을 찾을 수 없음: 오류: '....vue-loader-demo'
@./main.js 1:0-22
@multi에서 'vue'를 확인할 수 없습니다. /~/_webpack-dev-server@2.4.5@webpack-dev-server/client?http://localhost:8081 webpack/hot/dev-server ./main.js
webpack: 컴파일에 실패했습니다.

무릎꿇고 온라인으로 기다려주셔서 감사합니다

Answer 1

뷰 누락

npm isntall vue --save-dev

Answer 2

webpack으로 vue를 컴파일하는 방법 vue-loader를 설치하셨나요

Answer 3

webpack 그렇게 작은 구성이요? ? ?

vue를 어떻게 컴파일하나요?

Vue 로더 받기

으아아아

Answer 4

vue가 설치되지 않았습니다.

Answer 5

먼저 다음 두 단계를 시도해 보세요.
1 로컬에 vue-loader 종속성을 설치합니다

으아아아

설치가 성공적으로 완료되면 vue-loader-demo 폴더의 package.json 및 devDependency 항목에 vue-loader 및 해당 버전 번호가 표시됩니다. 예:

으아아아

2 webpack에 vue-loader 구성을 추가합니다

으아아아

Answer 6

vue가 설치되지 않음

Answer 7

질문: package.json이 있나요? 종속성에 vue가 있습니까?