Vue CLI 3으로 Vuetify를 설치한 후 컴파일하지 못함

Vue CLI 3으로 Vuetify를 설치한 후 컴파일하지 못함

Vuetify 홈페이지의 명령어를 사용하여 Vuetify로 새로운 Vue 앱을 만들어 보았습니다.

사용한 명령어는 다음과 같습니다.

npm install @vue/cli -g
vue create my-app // all options are default settings when creating
cd my-app
vue add vuetify // all options are default settings when running

위의 모든 명령어가 완벽하게 완료되었습니다.단, 핫 새로고침 개발 환경을 기동한 후 다음 명령을 사용합니다.

npm run serve

다음의 표준 출력으로서 에러가 발생합니다.

> my-app@0.1.0 serve /home/seanwu/my-app
> vue-cli-service serve

INFO  Starting development server...
94% after seal                                                                        

ERROR  Failed to compile with 1 errors                                                    3:05:24 PM

error  in ./src/main.js

Module build failed (from ./node_modules/babel-loader/lib/index.js):
BrowserslistError: [BABEL] /home/seanwu/my-app/src/main.js: /home/seanwu/my-app contains both .browserslistrc and package.json with browsers (While processing: "/home/seanwu/my-app/node_modules/@vue/babel-preset-app/index.js$0")
    at /home/seanwu/my-app/node_modules/browserslist/node.js:239:15
    at eachParent (/home/seanwu/my-app/node_modules/browserslist/node.js:46:18)
    at Object.findConfig (/home/seanwu/my-app/node_modules/browserslist/node.js:219:20)
    at Function.loadConfig (/home/seanwu/my-app/node_modules/browserslist/node.js:150:37)
    at browserslist (/home/seanwu/my-app/node_modules/browserslist/index.js:187:31)
    at getTargets (/home/seanwu/my-app/node_modules/@babel/preset-env/lib/targets-parser.js:133:50)
    at _default (/home/seanwu/my-app/node_modules/@babel/preset-env/lib/index.js:184:46)
    at /home/seanwu/my-app/node_modules/@babel/helper-plugin-utils/lib/index.js:19:12
    at loadDescriptor (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:163:14)
    at cachedFunction (/home/seanwu/my-app/node_modules/@babel/core/lib/config/caching.js:42:19)
    at loadPresetDescriptor (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:233:63)
    at config.presets.map.descriptor (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:68:19)
    at Array.map (<anonymous>)
    at recurseDescriptors (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:66:38)
    at recurseDescriptors (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:92:27)
    at loadFullConfig (/home/seanwu/my-app/node_modules/@babel/core/lib/config/full.js:106:6)

@ multi (webpack)-dev-server/client?http://192.168.1.76:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

왜 이것이 프런트 엔드 개발의 신규이며 Quick Start 웹 페이지의 모든 지침을 따르는 것인지 알 수 없습니다.아마도 내가 이 오류를 일으킨 바보 같은 실수들이 있을 것이다.

어떤 Node/npm 버전을 사용하고 있습니까?공식 튜토리얼은 어느 시점에 작동했을 겁니다.nvm을 사용하여 다른 Node.js 버전을 설치합니다.그러면 npm 버전도 변경됩니다.그럼 해봐npm install ★★★★★★★★★★★★★★★★★」npm start 또.

삭제해도 ..browserslistrc/home/seanwu/my-app두 개의 충돌하는 파일이 없습니다.

언급URL : https://stackoverflow.com/questions/52454471/failed-to-compile-after-installing-vuetify-with-vue-cli-3