关闭

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

标签: vue-cliwebpackvue init webpackwebpack-dev-servervue 错误解决
368人阅读 评论(3) 收藏 举报
分类:

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:

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

命令如下:

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

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

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

本文由 FungLeo 原创,允许转载,但转载必须保留首发链接。

2
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

windows下vue-cli及webpack 构建网站(一)环境安装

1、安装node.js,Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 2、安装npm,由于新版的nodejs已经集成了npm,所以之前npm也...
  • ansu2009
  • ansu2009
  • 2016-11-21 17:16
  • 15039

vue-cli的webpack模板项目配置文件分析

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修...
  • hongchh
  • hongchh
  • 2017-02-14 23:07
  • 34951

vue新建项目(一)vue-cli新建模板项目

准备在使用vue-cli新建项目前。请确保你已经安装了Node.js,vue和vue-cli。步骤: cd 目录(你要把项目放在哪个目录); vue init webpack pname(你的项目名字...
  • zhuming3834
  • zhuming3834
  • 2017-05-27 08:55
  • 4374

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

关于 node 环境升级到 v8^ 以上,node-sass 报错的解决方法今天给同事电脑升级了一下系统,顺便升级了所有的软件,发现原来好好的项目报错了。报错大致信息如下: ERROR Failed...
  • FungLeo
  • FungLeo
  • 2017-11-13 14:06
  • 2095

vue-cli项目webpack打包后iconfont文件路径问题解决

在使用vue-cli创建vue项目时,可以自动生成webpack文件。使用 npm run build 即可打包发布生产文件,打包后的文件 可以看到使用url-loader处理后的文件是...
  • qq_33203555
  • qq_33203555
  • 2018-01-11 23:01
  • 35

vue-cli的webpack模板项目配置文件分析

由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修...
  • hongchh
  • hongchh
  • 2017-02-14 23:07
  • 34951

vue-cli和webpack项目搭建

Vue+webpack+bootstrap 一、创建vue+webpack项目 1、 安装node.js(http://www.runoob.com/nodejs/nodejs-install-se...
  • xmy_wh
  • xmy_wh
  • 2017-11-27 17:10
  • 111

【23】使用vue-cli脚手架搭建webpack项目基本结构

上一篇文章介绍如何手动配置webpack项目基本结构,在真实开发环境中我们是不需要那么麻烦的,我们可以借助工具【vue-cli】 — 脚手架来帮我们搭建webpack项目基本结构。 第一步:我们需要安...
  • qq_32629809
  • qq_32629809
  • 2017-10-26 13:27
  • 190

vue-cli的webpack模板项目配置文件分析

2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。 由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到buil...
  • qq_34543438
  • qq_34543438
  • 2017-11-09 14:49
  • 301

vue-cli的webpack模板项目配置文件简析

一、文件结构本文主要分析开发(dev)和构建(build)两个过程涉及到的文件,故下面文件结构仅列出相应的内容。 ├─build │ ├─build.js │ ├─check-versions...
  • Mr_dong_ya_yun
  • Mr_dong_ya_yun
  • 2017-12-20 14:48
  • 117
    个人资料
    • 访问:1113752次
    • 积分:12072
    • 等级:
    • 排名:第1440名
    • 原创:213篇
    • 转载:39篇
    • 译文:1篇
    • 评论:841条
    站内搜索
    博客专栏
    文章分类
    友情链接
    最新评论