Как исправить "неверные параметры сервера Dev Pack" в Vuejs - PullRequest
Новая
       27

Как исправить "неверные параметры сервера Dev Pack" в Vuejs

20 голосов
/ 17 мая 2019

Я использую @vue/cli v3.7.0, и я создал проект vue create myapp с Babel + Router + node-sass, и мой проект был успешно установлен

Но когда я запустил npm, запустите подачу (в каталоге проекта) Я получил следующую ошибку: 


 INFO  Starting development server...
 ERROR  ValidationError: webpack Dev Server Invalid Options

options.clientLogLevel should be {String} and equal to one of the allowed values

 [ 'info', 'warn', 'error', 'debug', 'trace', 'silent' ]

 (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)

ValidationError: webpack Dev Server Invalid Options

options.clientLogLevel should be {String} and equal to one of the allowed values

 [ 'info', 'warn', 'error', 'debug', 'trace', 'silent' ]

 (https://webpack.js.org/configuration/dev-server/#devserverclientloglevel)

    at validateOptions (C:\Users\Dell\Desktop\myapp\node_modules\webpack-dev-server\node_modules\schema-utils\src\validateOptions.js:32:11)
    at new Server (C:\Users\Dell\Desktop\myapp\node_modules\webpack-dev-server\lib\Server.js:71:5)
    at serve (C:\Users\Dell\Desktop\myapp\node_modules\@vue\cli-service\lib\commands\serve.js:138:20)
    at process._tickCallback (internal/process/next_tick.js:68:7)
    at Function.Module.runMain (internal/modules/cjs/loader.js:757:11)
    at startup (internal/bootstrap/node.js:283:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! myapp@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the myapp@0.1.0 serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Dell\AppData\Roaming\npm-cache\_logs\2019-05-17T19_40_14_984Z-debug.log

Я пытался npm cache clean -f, переустановка VueJS, восстановление проекта, но ничего не получалось: (

Я ожидаю свою npm run serve работу!

Ответы [ 6 ]

14 голосов
/ 17 мая 2019

да, эта проблема только что появилась за последние несколько часов в @vue/cli. У меня было то же самое в свежем проекте. Чтобы это исправить, попробуйте это:

  1. Создайте файл в корневом каталоге вашего проекта с именем vue.config.js, если у вас его еще нет.

  2. Добавьте это к этому файлу: 

module.exports = {
  devServer: {
    clientLogLevel: 'info'
  }
};

Затем перезапустите ваш проект. Что-то случилось прошлой ночью, когда значение clientLogLevel, которое приходит в качестве предустановки, стало неправильным.

Вот тема, рассказывающая об этой проблеме: GitHub .

5 голосов
/ 17 мая 2019

Я понятия не имею, почему вы получаете эту ошибку, но вот как вы должны настроить эту опцию:

1.Создайте vue.config.js в своем корневом каталоге

2.Введите в него следующее: 

module.exports = {
  devServer: {
    clientLogLevel: 'debug'
  }
}

3.Rerun npm run serve

Подробнее о настройке сервера dev можно узнать здесь здесь .

0 голосов
/ 17 мая 2019

webpack-dev-server был выпущен как v3.4.1 для исправления. Пожалуйста обновите. https://github.com/webpack/webpack-dev-server/releases/tag/v3.4.1

0 голосов
/ 17 мая 2019

я редактировал

node_modules/@vue/cli-service/lib/commands/serve.js

так что строка 139 говорит:

clientLogLevel: 'warn'

вместо

clientLogLevel: 'none'

(Изменить - хотя я работаю с приложением hello-world)

0 голосов
/ 17 мая 2019

Похоже, webpack-dev-server@3.4.0 что-то сломал.Я вернул его на 3.3.1, и он, кажется, работает.

0 голосов
/ 17 мая 2019

Документы немного сбивают с толку при использовании @vue/cli-service, так как они по сути обертывают веб-пакет.

[Вот ссылка на решение] ( https://cli.vuejs.org/guide/webpack.html#simple-configuration)

Лучше всего обновить vue.config.js чем-то вроде 

configureWebpack: {
    devServer: {
      clientLogLevel: `silent`,
    },
  },
...