配置VUE环境过程中 npm报错的处理方案以及VUE环境搭建过程

最新推荐文章于 2024-05-10 14:36:15 发布

yeyuningzi

最新推荐文章于 2024-05-10 14:36:15 发布

阅读量2k

点赞数

分类专栏： VUE 文章标签： 1024程序员节 vue.js

本文链接：https://blog.csdn.net/yeyuningzi/article/details/134004866

版权

VUE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

背景：VUE已经出来很久了，一直想研究这个东西也很久了。由于各种各样的原因，一直没有能处理。最近终于有时间可以研究了。奈何报错了嘤嘤嘤~~ 针对报错情况，其实后来没有找到什么好的方案，几经周折，终于搭建好了。记录一下过程。

VUE搭建步骤

1、安装node

2、安装npm

3、安装vue-cli脚手架

4、创建新项目

前期，我已经安装了node.js，下载地址：下载 | Node.js 中文网

所以在cmd 窗口，输入node -v 的时候是有版本的，同时之前也是安装民npm 的，所以在npm -v 也是对的，但是在进行全局vue-cli脚手架安装时就遇到了错误：使用的命令有 cnpm install --global vue-cli 以及 npm install --global vue-cli 。结果都在报错，根据报错信息诸如：

TypeError: Class extends value undefined is not a constructor or null
at Object.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\fs-minipass\lib\index.js:136:4)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at Object.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\cacache\lib\content\read.js:4:13)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)

Node.js v18.18.2
D:\Program Files\nodejs\node_modules\npm\lib\es6\validate-engines.js:31
    throw err
    ^

TypeError: Class extends value undefined is not a constructor or null
    at Object.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\fs-minipass\lib\index.js:136:4)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)
    at Module.load (node:internal/modules/cjs/loader:1119:32)
    at Module._load (node:internal/modules/cjs/loader:960:12)
    at Module.require (node:internal/modules/cjs/loader:1143:19)
    at require (node:internal/modules/cjs/helpers:119:18)
    at Object.<anonymous> (D:\Program Files\nodejs\node_modules\npm\node_modules\cacache\lib\content\read.js:4:13)
    at Module._compile (node:internal/modules/cjs/loader:1256:14)
    at Module._extensions..js (node:internal/modules/cjs/loader:1310:10)

Node.js v18.18.2

我找到网上相关的资料，说是使用：npm install --save-dev mini-css-extract-plugin等命令能解决问题，然而