如何修复Vuejs中的"webpack开发服务器无效选项“
如何修复Vuejs中的"webpack开发服务器无效选项“
提问于 2019-05-17 15:25:38
我正在使用@vue/cli v3.7.0，我用Babel +路由器+节点-sass用vue create myapp创建了一个项目，我的项目成功地安装了。
但是，当我运行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工作！
回答 7
Stack Overflow用户
回答已采纳
发布于 2019-05-17 15:39:25
是的，这个问题在@vue/cli的最后几个小时里突然出现了。在一个新的项目中，我也有过同样的事情。要修复它，请尝试如下：
- 如果您还没有创建一个名为
vue.config.js的项目根目录中的文件。 - 将此添加到该文件中：
module.exports = {
devServer: {
clientLogLevel: 'info'
}
};然后重新运行你的项目。昨晚发生了一些事情，预置的clientLogLevel值变得不正确。
这里有一条关于这个问题的帖子：GitHub。
Stack Overflow用户
发布于 2019-05-17 15:37:38
我不知道为什么会出现这个错误，但下面是如何配置该选项：
- 在根目录中创建
vue.config.js - 在其中输入以下内容：
module.exports = {
devServer: {
clientLogLevel: 'debug'
}
}- 重新运行
npm run serve
您可以阅读有关配置开发服务器这里的更多信息。
Stack Overflow用户
发布于 2021-10-12 09:16:00
删除node_modules文件夹和npm安装agani
rm -rf node_modules页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56189459
复制相关文章
相似问题
腾讯云开发者
