前端环境搭建问题报错
创始人
2024-06-02 13:58:19
0

1. npm i安装依赖的时候,报错node-sass版本不匹配,错误状态status 1。

node-sass@4.12.0 postinstall: node scripts/build.js
npm ERR! Exit status 1

Failed at the node-sass@4.12.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我去搜过了node14匹配的node-sass版本应该是node-sass@4.14以上,但是我安装4.14.1的时候安装报错。所以没办法,最后找到个一个最简单的办法:

  • npm install node-sass@npm:sass
  • 我习惯再npm i一下,然后npm run dev/serve运行

2. chrome扩展程序npm run build安装vue-devtools时报错,status2

npm ERR! code ELIFECYCLE

npm ERR! errno 2

npm ERR! vue-devtools@4.1.5 build: cd shells/chrome && cross-env NODE_ENV=production webpack --progress --hide-modules

npm ERR! Exit status 2

npm ERR!

npm ERR! Failed at the vue-devtools@4.1.5 build script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

报错就是这么个情况,应该是没有vue-devtools插件或者版本不符合,然后我安装了他所说的版本npm i vue-devtools@4.1.5

npm ERR! code ELIFECYCLE

npm ERR! errno 2

npm ERR! vue-devtools@5.1.1 build: cd shells/chrome && cross-env NODE_ENV=production webpack --progress --hide-modules

npm ERR! Exit status 2

npm ERR!

npm ERR! Failed at the vue-devtools@5.1.1 build script.

npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

安装失败了又。我这解决的办法就是删除这个项目里生成的node_modules文件夹,并且删除package-lock.json/yarn.json,(打开文件看一下,是指定的依赖信息目录)。删除这两个文件后,重新npm i 然后npm run build就可以了。

找到vue-devtools -> shells -> chrome这个文件夹,只要npm i成功了(如果没成功可以切换为淘宝镜像cnpm),直接将这个文件夹拖到chrome的扩展程序里面就可以了(记得开开发者模式)在这里插入图片描述

在这里插入图片描述

3. 运行项目npm i时候报错,包puppeteer报错,错误状态status 1

错误信息

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! puppeteer@5.5.0 install: node install.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the puppeteer@5.5.0 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我试过删除node_modules和package-lock.json然后重新安装,但是没有用,所以换了个方法:

  • 清除缓存 npm cache clean --force
  • 卸载报错的包 npm uninstall puppeteer
  • 重新安装 npm i puppeteer
  • 不知道刚刚有没有没装完的包 npm i
  • npm run 运行项目

chrome浏览器安装插件 mac怎么使用crx格式的文件

  • 将.crx后缀名改成.zip
  • 在zip所在的父目录下打开命令行工具,也可以自己切换到指定目录
  • unzip 插件名.zip -d Charset
  • 将生成的文件夹拖到chrome的扩展程序里面(记得chrome扩展程序chrome://extensions/打开开发者模式)

4. 微信小程序运行时报错

Error: project.config.json: [“pluginRoot”] 不能为空 [1.06.2209190][win32-x64]

微信开发者工具里面运行的时候选的插件模式,改成小程序模式就好了

在这里插入图片描述

message:Error: INVALID_TOKEN,invalid credential, access_token is invalid or not latest [20230313 10:46:55]

这个是说accessToken过期了,我这里的情况是两个电脑都登录了微信开发者工具,所以导致上传新版本失败,然后把两个账号都注销,然后重新登录提代码就好了

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...