vue-cli + webpack 新建项目出错的解决方法

Love The Way You Lie 2022-05-30 03:58 153阅读 0赞

# vue-cli + webpack 新建项目出错的解决方法 #

今日使用 `npm init webpack love` 创建一个新项目，然后执行 `npm run dev` 之后项目报错，提示错误如下：

没有给这些选项指定值：config-name, context, entry, module-bind, module-bind-post, module-bind-pre, output-path, output-filename, output-chunk-filename, output-source-map-filename, output-public-path, output-jsonp-function, output-library, output-library-target, records-input-path, records-output-path, records-path, define, target, watch-aggregate-timeout, devtool, resolve-alias, resolve-extensions, resolve-loader-alias, optimize-max-chunks, optimize-min-chunk-size, prefetch, provide, plugin, open-page npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! love@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the love@1.0.0 dev 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:

*  1
 *  2
 *  3
 *  4
 *  5
 *  6
 *  7
 *  8
 *  9
 *  10

经过排查，发现是 `webpack` 的新版本的BUG，解决方法就是卸载新版本，安装老版本。

命令如下：

npm remove webpack-dev-server
    npm install webpack-dev-server@2.9.1
    npm run dev

*  1
 *  2
 *  3

然后项目就正常了。目前确定是 `webpack-dev-server@2.10.0` 的 BUG。在其发布新版本解决问题之前，先安装老版本解决问题吧。

如果不能解决问题，请在评论中留言。

发表评论取消回复

表情：

评论列表（有 0 条评论，153人围观）

还没有评论，来说两句吧...

相关阅读

相关 android studio_gradle出错的解决方法

Gradle是Android Studio的构建工具，然而在新建项目或是导入其他项目的过程中，经常出现错误，此篇文章为笔者在解决Gradle出错方面的一些心得方法一

系统管理员/ 2023年01月01日 08:54/ 0 赞/ 356 阅读

相关解决 XMind 打开文件出错的方法

目录 1. 问题 2. 方法 3. 参考 -------------------- 1. 问题 ![watermark_type_ZmFuZ3poZW5naGV

秒速五厘米/ 2022年12月08日 01:58/ 0 赞/ 592 阅读

相关 pytorch导入tensorboard出错的解决方法

pytorch在1.1版本以后开始支持tensorboard，即不需要安装tensorflow也可以使用tensorboard，但是最近在使用命令： from tor

深碍√TFBOYSˉ_/ 2022年11月21日 11:30/ 0 赞/ 317 阅读

相关 maven新建项目时报错

Could not calculate build plan: Plugin org.apache.maven.plugins:maven-resources-plugin:2

小鱼儿/ 2022年08月22日 13:29/ 0 赞/ 234 阅读

相关【Java】新建的web项目的jsp页面报错的解决方法

一、错误信息当用Eclipse新建web项目后，在里面建个jsp页面可能出现如下图的错误，jsp文件有一个红叉： ![这里写图片描述][SouthEast

曾经终败给现在/ 2022年06月07日 01:48/ 0 赞/ 177 阅读

相关 nodejs 升级后， vue+webpack 项目 node-sass 报错的解决方法

关于 node 环境升级到 v8^ 以上，node-sass 报错的解决方法今天给同事电脑升级了一下系统，顺便升级了所有的软件，发现原来好好的项目报错了。报错大致信息如

亦凉/ 2022年06月05日 00:40/ 0 赞/ 328 阅读

相关 vue-cli + webpack 新建项目出错的解决方法

vue-cli + webpack 新建项目出错的解决方法今日使用 `npm init webpack love` 创建一个新项目，然后执行 `npm run dev`

电玩女神/ 2022年06月02日 09:17/ 0 赞/ 165 阅读

相关 tinyhttpd编译出错的解决方法

book@ubuntu:/home/demo/tinyhttpd-0.1.0$ make gcc -W -Wall -lsocket -lpthread -o httpd

淩亂°似流年/ 2022年06月01日 10:52/ 0 赞/ 262 阅读

相关 vue-cli + webpack 新建项目出错的解决方法

vue-cli + webpack 新建项目出错的解决方法今日使用 `npm init webpack love` 创建一个新项目，然后执行 `npm run dev`

Love The Way You Lie/ 2022年05月30日 03:58/ 0 赞/ 154 阅读

相关 webpack运行报错 webpack-dev-server.... 解决方法

报错情况： The CLI moved into a separate package: webpack-cli. Please install 'web

女爷i/ 2021年09月30日 10:48/ 0 赞/ 1652 阅读