webpack‘不是内部或外部命令或者node安装

'webpack’不是内部或外部命令或者node安装

一、下载安装node.js

去nodejs官网(https://nodejs.org/en/)下载所需版本,看清系统,不是所有版本都支持w7的
我用的w7,下载的node-v10.16.0-x64

二、配置环境

1.配置文件夹
输入cmd打开命令行,输入node -v回车查看nodejs是否安装成功
输入

npm - v

查看npm是否安装
在这里插入图片描述

  1. 在安装好node的文件夹里,新建俩个文件夹node_cache和node_global ,用于全局存放依赖包路径,和缓存路径
  2. 文件夹创建完成后打开命令行输入如下命令 配置路径:
npm config set cache  "C:\ProgramFiles\nodejs\node_cache"

(缓存)
(我装的是D盘,所以这里我改为了D:\node\node_cache)

npm config set cache  D:\node\node_cache"

回车

输入:

npm config set prefix "C:\Program Files\nodejs\node_global" 

(存放)
(我装的是D盘,所以这里我改为了D:\node\node_global)

npm config set prefix "D:\node\node_global" 

回车
(输入指令后,命令行闪一下,不会有任何提示)
这里我也不是很清楚,没研究明白
反正最后出来成这样,不过能运行
在这里插入图片描述
2.安装webpack
1.启动cmd,键入如下的命令:(用管理员身份运行,不然会出现下载失败)

npm install webpack -g

安装后node_global文件夹里多了东西在这里插入图片描述

此时输入webpack -v,显示’webpack’不是内部或外部命令
所以需要环境变量配置

3.环境变量配置
我的电脑——右键属性——高级系统设置——高级———环境变量
分别新建用户变量PATH和系统变量NODE_PATH
用户变量:在这里插入图片描述
环境变量:在这里插入图片描述
在安装webpack后出现
‘webpack’ 不是内部或外部命令的问题 就是此处设置不对

PATHNODE_PATH全部设置为:C:\user\Administror\D\node\nodejs\node_global
看到网上的设置方法为 :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会导致报不是内部命令

转载至:https://www.cnblogs.com/fengchaoran/p/8461317.html

三、w10系统配置

1.下载node
w10系统我下载的node-v14.18.1x64
去nodejs官网(https://nodejs.org/en/)下载所需版本

2.全局下载webpack-cli
执行到上面的 webpack -v后会提示下载webpack-cli
所以全局下载,执行

npm install webpack-cli -g

3.当前环境重新安装

先卸载:(如果卸载不成功,直接找到node-sass文件夹,删除)

npm uninstall --save node-sass

再安装

npm install --save node-sass

cnpm install --save node-sass

4.管理员身份运行cmd

此时 webpack -v如果会报错,提示
webpack : 无法加载文件 D:\node\node_global\webpack.ps1,因为在此系统上禁止运行脚本。
这时需通过powershell 管理员 执行

在打开powershell 管理员 重新执行一次

执行get-ExecutionPolicy,显示Restricted表示状态是禁止的 Restricted

get-ExecutionPolicy

执行命令行修改状态,

get-ExecutionPolicy

然后选择 Y。

此时查看版本成功

webpack -v
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值