NVM管理node版本及node node-sass sass-loader版本对应问题

578 阅读2分钟

前言

接到一个老pc端项目,从svn拉下代码后法相项目包含node_modules,直接运行后发现node-sass sass-loader和自己本机node环境不匹配,根据node官网查看到版本对应为下图

image.png

于是想到使用nvm进行node版本管理,以此方便我们对不同项目node版本的随意切换。

nvm的安装

  1. nvm安装node指定版本后nvm use "node版本"乱码: 建议使用管理员身份运行cmd,安装nvm之前确保node卸载干净,注意环境变量中的安装位置与安装后settings.txt文件中保持一致
  2. nvm use后发现无法全局使用node和npm: 此时因为安装nvm之前卸载了已经安装的nodejs,通过nvm安装不同版本nodejs后需要配置全局安装包可执行环境变量:在我的电脑-属性-高级系统设置找到环境变量,在系统变量新增配置环境变量NODE_PATH,路径为nodejs安装位置,然后在系统变量及环境变量中的Path,找到nodejs中npm包的路径添加到用户变量的Path中,例如我自己的:

image.png

在系统变量的Path中添加nodejs安装包位置即可全局文件使用安装的nodejs了。

node-sass编译

使用npm run dev运行项目时报错,报错信息

Missing binding node_modules\node-sass\vendor\win32-x64-83\binding.node

通过报错信息,可以看出核心问题在于,依赖文件里找不到Sass文件,这个提示我们要重新安装Sass 1. 通过cd切换到当前项目的依赖文件夹下,也就是node_modules文件,然后运行命令安装Sass,命令如下

npm rebuild node-sass

2 .然后再切换到项目文件夹下,运行命令更新一下,命令如下:

npm update

  1. 最后,再运行命令启动项目即可

npm run dev

拓展

nvm常用命令

nvm on: 打开node.js版本控制

nvm off: 关闭node.js版本控制

nvm list: 查看已经安装的版本

nvm list available: 查看网络可以安装的版本

nvm install '版本号':安装指定版本node.js

nvm uninstall ' ': 卸载指定版本号

nvm use ' ': 切换指定的node版本

nvm version: 查看当前的版本

卸载nvm

1.先删除你当初所安装的nvm的文件夹。

2.文件夹内右键 此电脑 -- 点击属性 -- 找到高级系统设置 -- 环境变量。

3.删除用户变量 和 系统变量中名为 NVM_HOME 和 NVM_SYMLINK 两个变量。其他的不要改。

4.用户变量和系统变量中path中的 %NVM_HOME%;%NVM_SYMLINK% 两个属性,其他的不要改