Не удалось скомпилировать после установки Vuetify с помощью Vue CLI 3

Я попытался создать новое приложение Vue с Vuetify, используя команду с домашней страницы Vuetify.

Ниже приведена команда, которую я использовал:

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. Может быть, есть некоторые глупые ошибки, которые я сделал, чтобы вызвать эту ошибку.

Источник

1 ответ

Решение

Какую версию Node/npm вы используете? Я бы предположил, что официальный учебник работает / работал в какой-то момент. Я бы использовал nvm для установки разных версий Node.js. Это также меняет версию npm. Тогда попробуй npm install а также npm start снова.

Или вы можете удалить .browserslistrc в /home/seanwu/my-app, так что у вас нет двух конфликтующих файлов.

Источник
Другие вопросы по тегам