vue第一次导入项目报错webpack-dev-server

最新推荐文章于 2022-11-14 23:18:02 发布
最新推荐文章于 2022-11-14 23:18:02 发布
阅读量105 收藏
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45001200/article/details/119517152
版权
博客内容讲述了在开发过程中遇到Sass-loader和Node-Sass未安装或程序崩溃的问题，解决方案是通过控制台运行特定的npm命令进行卸载和重新安装指定版本的sass-loader和node-sass，以此确保项目的正常运行。
摘要由CSDN通过智能技术生成

报错截图：在这里插入图片描述
分析：
没有安装sass-loader，安装一下对应的版本就好，如果程序崩了把sass-loader先卸载在重装

解决：在控制台输入如下对应的命令即可

npm uninstall sass-loader node-sass    //卸载
npm install sass-loader@7.3.1 node-sass@4.14.1  --save-dev  //安装对应的版本
紫色充电宝
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
运行vue项目报错'webpack-dev-server' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еij▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒
Hero_rong的博客
06-18 3138
如上图所示，这就是依赖包出问题了，我们把所有依赖删掉重新下载即可，找到项目所在的文件夹，删掉node_modules文件夹，然后运行npm install 初始化项目重新下载依赖，再次npm run dev项目就可以运行起来了 下载好了安装node-sass、sass-loader、style-loader ，不安装会报错，安装命令如下 cnpm install node...
运行webpack-dev-server报错
ChrisJin的博客
07-21 514
项目场景： package.json依赖： 问题描述： 运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案： 百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一 解决方案如下： 卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高
vue项目初始化时npm run dev报错webpack-dev-server解决方法
weixin_30677475的博客
01-27 1191
vue项目初始化时npm run dev报错webpack-dev-server解决方法 原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好webpack-dev-server 版本需要从最新版本降低到如下版本,因为开始构建项目所用的插件版本太低（1）、npm uninstall webpack-dev-server（2）、npm install webpa...
vue项目中的webpack-dev-sever配置
weixin_30838921的博客
12-13 100
问题描述：在vue项目中运行npm run dev启动服务器，然而在同一个局域网下的外部设备不能该服务器 解决方案：在项目的config文件夹下找到index .js中的host把默认的localhost更改为0.0.0.0， 然后外部设备就可以访问该项目启动的服务了（注意必须是在统一局域网下） 转载于:https://www.cnblogs.com/yforward/p/8033817....
59.Vue 使用webpack构建vue项目
DevOps海洋的渔夫@专栏
08-16 631
前言 在前面的篇章中，已经说明了 webpack4 的基本使用，那么本章节开始在 webpack4 中构建vue项目，同时对比看看这种构建方式，与在网页script导入 vue.js 中的区别。 构建webpack项目开发 首先重新构建webpack项目。 初始化项目文件结构 image-20200312074244099 初始化 package.json 文件 package.jso...
nodejs和npm的安装配置步骤，webpack安装和使用步骤，vue安装教程
11-19 701
一、安装NodeJS 和 NPM https://jingyan.baidu.com/article/48b37f8dd141b41a646488bc.html 二、安装WebPack https://www.cnblogs.com/jinzy/p/6496103.html或者https://www.cnblogs.com/nickbai/articles/6249239.html ...
webpack-dev-server
weixin_30515513的博客
08-08 75
因为要使用webpack-dev-server变量所以需要全局和局部安装。 打开浏览器，webpack-dev-server默认是iframe方式启动。 用inline方式的话需要配置client： 'common' : ['./src/page/common/index.js','webpack-dev-server/client?http://locahost:8088/'], 然后...
vue-5 webpack工具的使用 基本配置，dev的基本使用与参数 ， html - webpack-plugin 插件的运用
weixin_43074997的博客
07-28 404
网页中会使用到的静态资源 JS .js .jsx .coffee .ts（TypeScript 类 C# 语言） CSS .css .less .sass .scss Images .jpg .png .gif .bmp .svg 字体文件（Fonts） .svg .ttf .eot .woff .woff2 模板文...
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 8808
未完
webpack配置优化,让你的构建速度飞起
gogo2027的博客
11-14 779
越来越多的项目使用webpack5来构建项目了，今天给大家带来最前沿的webpack5配置，让我们代码在编译/运行时性能更好~提升打包构建速度减少代码体积优化代码运行性能。
【Vue知识点- No1.】webpack
qq_48687155的博客
07-24 289
yarn包管理器、CommonJS规范、ES6规范、字体图标的使用、箭头函数、服务器、webpack
VUE3学习 第九章 webpack 构建Vue3项目、vue3性能优化、Vue3 Web Components、Vue3 响应式原理
m0_55170432的博客
11-14 1092
学习
vue.js学习笔记二十 —— 使用webpack-dev-server工具实现自动打包编译
武汉小喽啰
07-09 636
1.webpack-dev-server的基本使用 在实际开发中，我们经常需要更改我们的代码，这时候，虽然使用配置文件简化了我们的构建动作，但是，每次都需要输入命令webpack，还是比较麻烦，我们希望当我们保存代码的时候，可以自动给我们构建，不在需要我们手动键入命令webpack了。我们使用webpack-dev-server这个工具，来实现自动打包编译的功能。 1.1 安装webpack...
vue启动项目时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
张张张的博客
05-27 2850
前端运行项目时报错，排查一下以下这些原因： 1：首先检查config下的index.js的ip是否填写错误 2：有可能是依赖包的问题，可以吧文件夹中的node_modules删除，使用npm install或cnpm install重新引入。 3：检查一下npm，node，webpack的版本和项目的支持版本是否对应(项目中package.json可以看相关版本信息) 另外注意一下 如果是mac本起项目报错：TypeError:fsevents is not a constructor,可..
Vue项目运行报错：解决webpack版本问题
qq_53446980的博客
10-10 5723
解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)” 前面也会报错找不到 webpack ，在 package-lock.json 里查找之，发现安装的版本竟然是 5.1.0，而没有更新过依赖，可以正常编译的项目里都是 4.x。那基本可以确认了。 步骤： 先删掉 node_modules 和 package-lock.json 手动在 package.json
vue-cli中出现这个错误[WDS] Disconnected!解决！！！
blinH的博客
11-02 4223
当控制台出现这个错误时，虽然不影响程序的正常运行，但是看着还是让人不舒服，不过不要担心，解决办法很容易，打开Application，点开localstorage，然后将loglevel:webpack-dev-server复制在key上，将SILENT复制在Value上，然后刷新重新运行就行了，如第二张图所示 ...
报错 xxx@1.0.0 dev D:\＞ webpack-dev-server --inline --progress --configbuild/webpack.dev.conf.js解决方法
weixin_51192038的博客
04-15 7638
我的项目是从git上clone下来的，因为node_modules有意外改动，导致依赖库不完整。 解决： 1、删除项目下的node_modules，在你的项目目录下 2、重新执行npm install，这会重新生成node_modules， 3、执行npm run build , 4、npm run dev. 如果还报错!!! 重新一起安装, 一定记住, 一起同时安装!!! npm i webpack webpack-cli webpack-dev-server -D ...
vue-admin-后台管理系统，全文注释。
热门推荐
whyfuck的博客
12-10 2万+
# vue-admin-stepbystep > A Vue.js project ### 项目背景 这是公司的一个项目的阉割版，可以用作模板，里面的技术点基本全部都有注释，全都有注释，全都有注释，重要事说三遍， 写注释很辛苦，给个小赞，github给个小start,鼓励鼓励码字的我，项目正在陆续的完善中。还有重申一点，我们是前端工程师，不是码农。 麻雀虽小五脏俱全：[项目地址 htt...
运行vue项目报错'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
最新发布
02-29
webpack-dev-server是一个用于开发环境的轻量级服务器，用于实时重新加载和热模块替换。 要解决这个问题，你可以按照以下步骤进行操作： 1. 首先，确保你已经在项目目录下运行了`npm install`或`yarn install`命令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值