广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >如何解决vue-cli+webpack新建项目出错的问题
  • 782
分享到

如何解决vue-cli+webpack新建项目出错的问题

2024-04-02 19:04:59 782人浏览 薄情痞子
摘要

小编给大家分享一下如何解决Vue-cli+webpack新建项目出错的问题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!使用 npm init WEBpack love 创建一个新项目,然

小编给大家分享一下如何解决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。在其发布新版本解决问题之前,先安装老版本解决问题吧。

看完了这篇文章,相信你对“如何解决vue-cli+webpack新建项目出错的问题”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网VUE频道,感谢各位的阅读!

--结束END--

本文标题: 如何解决vue-cli+webpack新建项目出错的问题

本文链接: https://www.lsjlt.com/news/72840.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何解决vue-cli+webpack新建项目出错的问题
    小编给大家分享一下如何解决vue-cli+webpack新建项目出错的问题,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!使用 npm init webpack love 创建一个新项目,然...
    99+
    2022-10-19
  • 如何解决Vue cli构建及项目打包以及出现的问题
    这篇文章主要介绍了如何解决Vue cli构建及项目打包以及出现的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. 首先安装node,推...
    99+
    2022-10-19
  • vue-cli创建项目的loader问题怎么解决
    这篇文章主要介绍“vue-cli创建项目的loader问题怎么解决”,在日常操作中,相信很多人在vue-cli创建项目的loader问题怎么解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue-cli创建...
    99+
    2023-07-04
  • 如何解决vue-cli项目webpack打包后iconfont文件路径的问题
    这篇文章主要介绍了如何解决vue-cli项目webpack打包后iconfont文件路径的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。...
    99+
    2022-10-19
  • 如何解决vue-cli项目打包出现空白页和路径错误的问题
    这篇文章主要介绍了如何解决vue-cli项目打包出现空白页和路径错误的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue-cli项目打...
    99+
    2022-10-19
  • vue-loader和webpack项目配置及npm错误问题的解决
    目录vue-loader和webpack项目配置及npm错误解决vue-loader webpack版本出现的问题问题描述解决方法vue-loader和webpack项目配置及npm...
    99+
    2022-11-13
  • vue-cli npm如何解决vue项目中缺失core-js的问题
    目录vue-cli npm解决vue项目中缺失core-js报错原因解决办法vue踩坑:this dependency was not found问题背景vue-cli npm解决v...
    99+
    2022-11-13
    vue-cli npm vue项目中core-js vue缺失core-js
  • android studio创建新项目出错如何解决
    如果在创建新项目时遇到错误,可以尝试以下解决方法:1. 检查Android Studio版本:确保使用的是最新版本的Android ...
    99+
    2023-08-31
    android
  • 如何解决IE11 vue+webpack项目中数据更新后页面没有刷新的问题
    这篇文章主要介绍如何解决IE11 vue+webpack项目中数据更新后页面没有刷新的问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!vue +webpack 项目中数据更新后页面...
    99+
    2022-10-19
  • vue-cli创建项目时由esLint校验导致报错或警告的问题及解决
    目录vue-cli创建项目时由esLint校验导致报错或警告eslint语法限制项目报错解决vue-cli创建项目时由esLint校验导致报错或警告 vue-cli创建项目后编写代码...
    99+
    2022-11-13
  • vue-cli空格报错问题如何解决
    这篇文章主要介绍“vue-cli空格报错问题如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“vue-cli空格报错问题如何解决”文章能帮助大家解决问题。一、问题现象在使用 vue-cli 构建...
    99+
    2023-07-06
  • 如何解决vue打包项目后刷新404的问题
    这篇文章主要介绍了如何解决vue打包项目后刷新404的问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。vue打包项目后刷新404的问题Ng...
    99+
    2022-10-19
  • idea新建springboot项目pom文件报错问题及解决
    目录idea新建springboot项目pom文件报错新建springboot项目的问题创建Springboot之后pom.xml文件报错解决总结idea新建springboot项目...
    99+
    2023-05-17
    idea新建springboot项目 pom文件报错 idea springboot项目
  • nginx如何部署访问vue-cli搭建的项目
    小编给大家分享一下nginx如何部署访问vue-cli搭建的项目,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!从vue-router官网了解到如果是用history模式构建的vue项目打包...
    99+
    2022-10-19
  • 如何解决@Vue/Cli 3 Invalid Host header错误问题
    这篇文章给大家分享的是有关如何解决@Vue/Cli 3 Invalid Host header错误问题的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。我的host设置报错如下:解决...
    99+
    2022-10-19
  • vue项目打包之后接口出现错误的问题及解决
    目录错误信息关键代码打包前打包后解决方式设置环境变量总结错误信息 这是新建一个项目还原问题,node简单写了个数据返回 关键代码 const express = require('...
    99+
    2022-11-13
  • Vue项目中使用addRoutes出现问题的解决方法
    目录前言 一、404页面 1. 出现的原因 2. 解决方案 二、刷新白屏 1. 出现原因 2. 解决方案 三、路由重复 1.  出现原因 2. 解决方案 总结前言 add...
    99+
    2022-11-12
  • 如何解决Vue+webpack+Element的兼容问题
    小编给大家分享一下如何解决Vue+webpack+Element的兼容问题,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!项目中用...
    99+
    2022-10-19
  • 如何解决vue-cli+iview项目打包上线之后图标不显示问题
    这篇文章主要介绍如何解决vue-cli+iview项目打包上线之后图标不显示问题,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!做vue项目使用的iviewUI库,打包上线之后发现ic...
    99+
    2022-10-19
  • Vue项目中该如何解决跨域问题
    目录跨域同源策略express服务器vue处理跨域express处理跨域总结跨域 跨域报错是前端开发中非常经典的一个错误,报错如下  Access to XMLHttpRe...
    99+
    2022-11-13
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作