webpack-dev-server - vuejs2 - 如何修复Vuejs中的Web pack Dev Server Invalid Options”

我使用@vue/cli v3.7.0,我用vue create myapp 路由 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:UsersDellDesktopmyappnode_moduleswebpack-dev-servernode_modulesschema-utilssrcvalidateOptions.js:32:11)


 at new Server (C:UsersDellDesktopmyappnode_moduleswebpack-dev-serverlibServer.js:71:5)


 at serve (C:UsersDellDesktopmyappnode_modules@vuecli-servicelibcommandsserve.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:UsersDellAppDataRoamingnpm-cache_logs2019-05-17T19_40_14_984Z-debug.log



我试过 npm cache clean -f ,重新安装Vuejs重新创建项目,但是,没有任何效果,

我希望我的npm run serve能工作!

时间:

这个问题在@vue/cli的最近几个小时里出现了,我在一个新项目中有同样的事情。要修复此问题,请尝试:

如果还没有该文件,在项目的root中创建一个名为vue.config.js的文件。

将此文件添加到该文件中:


module.exports = {


 devServer: {


 clientLogLevel: 'info'


 }


};




然后重新运行你的项目,昨晚发生的事情,其中预设的clientLogLevel值变得不正确。

下面是一个讨论这个问题的帖子: GitHub

我不知道为什么你会得到这个错误,但是这里是如何配置这个选项的:

1.在root目录中创建vue.config.js

2.将以下内容输入到其中:


module.exports = {


 devServer: {


 clientLogLevel: 'debug'


 }


}



3.重新运行npm run serve

你可以阅读有关配置开发服务器的更多信息这里

好像webpack-dev-server@3.4.0破坏了一些东西,我将它恢复到3.3.1,它似乎可以工作。

文档在使用@vue/cli-service时有些混乱,因为它实际上包装web pack 。

[Here is alink to solution] (https://cli.vuejs.org/guide/webpack.html#simple-configuration )

最好做的事情是更新你的vue.config.js


configureWebpack: {


 devServer: {


 clientLogLevel: `silent`,


 },


 },



...