Webpack 3.x安装时遇到的问题

最新推荐文章于 2024-06-12 09:26:58 发布
最新推荐文章于 2024-06-12 09:26:58 发布
阅读量1k 收藏 1
点赞数 3
文章标签： node.js npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45954770/article/details/107936871
版权

Webpack 3.x安装时遇到的问题

由于学习需要安装webpack3.6.0版本，所以操作一波，结果上来就出错
首先确认npm和node有没有安装
在这里插入图片描述
在这里插入图片描述
确认过是安装了的，接下来安装webpack

在这里插入图片描述
结果报了一堆错，开始上网查，发现没有配置环境变量，所以配置环境变量，环境变量需要配置到node.exe
在这里插入图片描述
回去再安装，由于新手不懂，还是在C盘下安装结果说node不是内部命令，
所以切换到node所在的文件夹下重新试一遍，还是报错 Hostname/IP does not match certificate’s altnames: Host: registry.cnpmjs.org. is not in the cert’s altnames: DNS:r.cnpmjs.org
在这里插入图片描述
如果碰到这种情况，执行下npm set strict-ssl false这个命令，再试一次就好了
在这里插入图片描述
新手上路，学习过程中碰到问题写出来加深印象，如有说错的地方还请大神指出，多多包涵

W123&
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
webpack 3.X 安装与配置
Stan的专栏
11-23 8619
组件如何接收属性，所有的属性都可以通过this.props对象获取，像下面这样去使用：<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Hello World</title> <script crossorigin src="https://unpkg.com/react@16/umd/react.
Webpack 3.x 通过webpack安装React和Babel
Stan的专栏
11-25 1385
之前用最原始的方式写过一个React的hello world，参见：原始React hello world在React的官网上面会介绍好几种方式去安装React，下面尝试通过Webpack来安装：npm i -D react react-dom安装完成后的版本："react": "^16.1.1", "react-dom": "^16.1.1",在使用React的时候，必须要熟悉ES6与Babel，
webpack v.3.x 入门（一） — 安装
starleejay的博客
09-28 1121
webpack v.3.x 入门（一） — 安装环境要求webpack 依赖于 node.js 环境，在使用 webpack 之前，下载安装 node.js 。安装 webpack 全局安装 全局安装后可以供命令行在全局环境下，直接运行 webpack 命令。在全局安装时，将会使项目中的 webpack 锁定到指定的版本，在使用不同版本的项目中，可能会导致构建失败。 npm install w
（笔记）RequestError: Hostname/IP does not match certificate‘s altnames: Host: npm.taobao.org.解决方法
最新发布
u011046452的博客
06-12 3073
然后输入`npm config set electron_mirror https://npmmirror.com/mirrors/electron/`输入了下面的命令来修改electron_mirror，但是没生效。找到npm的配置文件 /Users/simley/.npmrc。最后输入`npm config ls`输入vim ~/.npmrc。
webpack3 安装配置、基本应用
weixin_43294560的博客
01-30 382
webpack 构建工具 (1)自带模块换(commonjs规范) (2)编译es6->es5,jsx-es5 (3)自带服务器,webpack-dev-server (4)react,vue使用该环境 安装webpack 1、安装全局webpack cnpm/npm install -g webpack 2、项目初始化package.json npm init -y 3...
初学webpack（3.X版本），手动搭建的一个简单多页面项目
啊哈前端的专栏
05-03 374
这个配置是基于webpack3.X版本的； 1、第一个文件webpack.util.js，主要作用是自动读取入口文件并进行配置，自动生成html模板的配置文件 const glob = require('glob'), path = require('path'), htmlWebpackPlugin = require('html-webpack-plugin'), ...
webpack 4.x 遇到的错误
Amor
05-05 804
由于之前重装电脑，很多之前的小Demo 现在都跑不起来。特别是webpack一直在报错。 webpack 基本安装 安装node 全局安装webpack，webpack-cli 项目初始化 webpack init （一路回车） 创建文件index.html main.js 终端输出 webpack main.js bundle.js (试试看能不能进行打包) 报错 ERROR in ...
webpack3.x升级到webpack4.x
michael8512的博客
11-15 1265
虽然说webpack5都已经出了，但是，可能有一部分人还在用webpack3，因此这篇文章主要是基于vue-cli中到项目配置，从webpack3升级到4.x。 由于webpack3升级到4以后，很多配置项发生了变化，因此在升级过程中会遇到很多坑。 1. webpack.base.conf.js 首先。从webpack.base.conf.js开始，输入输出和上下文配置基本一样的，这边在plugin的位置引入了VueLoaderPlugin，同时把HtmlWebpackPlugin也提取到这里 p
Vue项目从webpack3.x升级webpack4不完全指南
10-17
在文档中提到，泡面将webpack从3.x版本升级到了4.28.3版本。需要特别注意的是，随着webpack的升级，其他依赖于webpack的插件和加载器也需要进行相应的版本升级。如webpack-dev-server更新到3.1.14版本，webpack-cli...
vue-ci项目 webpack3.x升webpack4.x
guo623689478的博客
04-04 783
老板要求将之前的vue项目升级一下版本，也就是webpack4.x版本，对于从来没有升级过项目的本人来说是个不小的挑战。 在此之前已经研究了一天的webpack4.x文档，说实话文档真的不容易吃透，还要慢慢摸索。 0配置 相比于webpack3，webpack4可以零配置运行，即webpack4的0配置也只是支持了默认entry 和 output而已，即默认entry为./src,默认output...
webpack入门介绍（webpack 3.X）
Vv_mkziyuan
01-01 964
webpack是为什么？ 为什么要使用webpack？ 怎么配置webpack？
Webpack3.X版本使用指南(一)
@不喝海之言@
03-08 585
Webpack使用指南(一) 序言： ​ 说起来是个序，倒不如说是对这篇文章名字由来的介绍。 ​ 本来我也想这把这篇博客的名字写成《Webpack配置教程》，但是想了一下，webpack有什么好配置的吗？或许真的有，但是说一下配置又如何呢？好像作用也不是那么的大。 ​ 所以我不准备说webpack怎么去配置，我只想这结合着案例，简单说一下webpack怎么去用，争取让你能找到一点使用webpac...
webpack 3.x 环境搭建
单身狗的清香
05-15 1064
概念（是什么？） 本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。（摘抄来自webpack中文网） 能做什么？ 1. webpack能够处理J...
webpack3.X升级webpack4.X
zyx的博客
02-21 1671
1.先升级所有相关插件。以下列出的，除了vue和vue-template-compiler 应该不用。其他最好都升到最新版本 插件 升级前 升级后 vue 2.5.2 2.5.22 webpack 3.6.0 4.29.0 babel-loader 7.1.1 7.1.5 css-loader 0.28.7 1.0.0 ...
webpack用npm安装失败的解决方法
weixin_43902063的博客
01-15 1849
在cmd进行webpack安装的时候安装失败，显示了error！警告的句子 解决办法就是，使用淘宝npm镜像。 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 在黑窗口执行这个语句 等执行完后，就可以通过cnpm 来安装我们的webpack，例如，我们需要安装3.6.0版本的 $ cnpm install webp...
im_electron_sdk升级: Hostname/IP does not match certificate‘s altnames: Host: npm.taobao.org.
q1003675852的博客
05-06 5276
本文主要记录im_electron_sdk升级（由2.0.9升级至3.0.22版本），当运行yarn install时报错: Hostname/IP does not match certificate's altnames: Host: npm.taobao.org.及针对该问题提供相应的解决方案。
ERR_TLS_CERT_ALTNAME_INVALID]: Hostname/IP does not match certificate’s altnames: Host: npm.taobao.o
weixin_53796695的博客
05-05 4437
然后在命令行设置全局淘宝最新的registry https://registry.npmmirror.com/从.npmrc文件中 C:\Users\86199.npmrc 删除了老版本淘宝镜像源的一系列配置。1.排查过node,node-sass,sass-loader的版本，无效。npm config list --global 查看全局的配置变量。但在是室友的电脑上跑，直接成功 猜想还是镜像源的问题。2.更换过淘宝最新的镜像源，无效。多出了很多老版本淘宝镜像源的配置。
VUE安装及报错 num ERR!
qq_40057364的博客
10-06 876
1.首先在node.js官网下载相应安装包，安装完毕之后在CMD测试，同时在CNPM依赖的时候出现了问题： npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID npm ERR! request to https://registry.nmp.taobao.org/cnpm failed, reason: Hostname/IP does not match certificate's a
npm install 安装报错，最直接有效的解决办法
weixin_37626925的博客
06-07 1922
报错提示：“Hostname/IP doesn't match certificate's altnames”； 解决办法：简单一行，尝试使用"npm config set strict-ssl false"，完成后再安装就可以了。
webpack@4.x配置问题解析与解决
"本文主要记录了一次在webpack@4.x环境下遇到配置文件无效问题的解决过程，并概述了webpack 4相较于之前版本的主要变化，包括对Node.js版本的支持、约定优于配置的原则、模块拆分、mode选项的引入、配置变动、性能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值