webpack安装异常

摘要:
果断拆卸//全局拆卸webpacknpmuninstallwebpack-g然后//全局安装webpack$npminstallwebpack-g//因为webpack版本问题最好安装现目前的稳定版$npminstallwebpack-dev-server@2.9.7--save-dev显示如下难道又出错了。我去,原来不是我的锅;出现这样的原因是:fsevent是macosx系统的,在win或者Linux下使用了所以会有警告,忽略即可。

webpack中文指南:https://zhaoda.net/webpack-handbook/index.html

今天中午,我用 cnpm install 重新下载了一下项目的依赖,爆了一个错误如下:

peerDependencies link ajv@5.5.2 in D:work-span	ravelTravel
ode_modules\_ajv-keywords@2.1.1@ajv-keywords unmet with D:work-span	ravelTravel
ode_modulesajv(6.6.2)
peerDependencies WARNING webpack-dev-server@^3.1.14 requires a peer of webpack@^4.0.0 but webpack@3.12.0was installed
peerDependencies WARNING webpack-cli@^3.1.2 requires a peer of webpack@^4.x.x but webpack@3.12.0was installed
peerDependencies WARNING webpack-dev-server@3.1.14 › webpack-dev-middleware@3.4.0 requires a peer of webpack@^4.0.0 but webpack@3.12.0was installed
deprecate autoprefixer@7.2.6 › browserslist@^2.11.3 Browserslist 2 could fail on reading Browserslist >3.0 config used inother tools.
deprecate css-loader@0.28.11 › cssnano@3.10.0 › autoprefixer@6.7.7 › browserslist@^1.7.6 Browserslist 2
could fail on reading Browserslist >3.0 config used inother tools.
deprecate eslint@4.19.1 › file-entry-cache@2.0.0 › flat-cache@1.3.4 › circular-json@^0.3.1CircularJSON
is inmaintenance only, flatted is its successor.
deprecate webpack-bundle-analyzer@2.13.1 › bfj-node4@^5.2.0 Switch to the `bfj` package for fixes and new features!
Recently updated (since 2018-12-18): 9 packages (detail see file D:work-span	ravelTravel
ode_modules.recently_updates.txt)
√ All packages installed (928 packages installed from npm registry, used 38s(network 37s), speed 529.19
kB/s, json 802(1.72MB), tarball 17.22MB)

我仔细查了一下,原来是webpack-dev-server需要webpack 4.0.0以上版本的支持,但是我的webpack才是3.12.0版本,版本不够。

果断拆卸

//全局拆卸webpack  

npm uninstall webpack -g

然后

//全局安装webpack
$ npm install webpack -g
//因为webpack版本问题最好安装现目前的稳定版
$ npm install webpack-dev-server@2.9.7 --save-dev

显示如下

webpack安装异常第1张

难道又出错了。网上查看一番。我去,原来不是我的锅;

出现这样的原因是:fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可。

免责声明:文章转载自《webpack安装异常》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OpenCV将两图片进行混合,达到两张图片合并成一张图片的效果字典(dict),增删改查,嵌套下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

第四节:Webpack本地服务器搭建、剖析devServer的HRM热替换和其它配置、resolve模块解析、区分开发/生产环境方案实战

一. webpack本地服务器搭建 1. 为什么要搭建本地服务器?  我们之前通过【npm run build】,编译相关的代码; 然后需要在浏览器中运行,每次修改修改代码,都需要重新编译运行,很麻烦。我们希望可以做到,当文件发生变化时,可以自动的完成 编译 和 展示 。 2. watch mode模式 (1). 简介   在该模式下,webpack依赖图...

webpack 多环境打包

目前来说有两种方案: 方案一: 1.修改build文件夹下build.js文件   添加声明变量    2.修改config文件夹下dev.env.js文件   这个是开发环境所用版本    3.修改config文件夹下prod.env.js文件    添加不同环境的名称,暂时以正式环境和测试环境两个环境为例    4.不同配置参数引用          ...

浅谈webpack4.0 性能优化

前言:在现实项目中,我们可能很少需要从头开始去配置一个webpack 项目,特别是webpack4.0发布以后,零配置启动一个项目成为一种标配。正因为零配置的webpack对项目本身提供的“打包”和“压缩”功能已经做了优化,所以实际应用中,我们可以把精力更多专注在业务层面上,而无需分心于项目构建上的优化。然而从学习者的角度,我们需要了解webpack在项目...

webpack安装&指定版本安装&遇到的问题

1.安装nodejs,安装完成,cmd命令行中输入node -v 查看版本号,版本号显示则说明安装成功2.npm包管理器是集成在node中的,输入 npm -v,显示npm版本号3.创建package.json文件,输入命令 npm init,工程目录下就会生成一个package.json文件(全局安装webpack) 4.安装webpack,输入命令 n...

React配合Webpack实现代码分割与异步加载

这是Webpack+React系列配置过程记录的第四篇。其他内容请参考: 第一篇:使用webpack、babel、react、antdesign配置单页面应用开发环境 第二篇:使用react-router实现单页面应用路由 第三篇:优化单页面开发环境:webpack与react的运行时打包与热更新 第四篇:React配合Webpack实现代码分割与异步加...

vue-cli3.0和element-ui及axios的安装使用

一、利用vue-cli3快速搭建vue项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境依赖。构建于 web...