vite npm
关于npm ERR! 的一个解决方案
最近在网上找了一个js写的项目，npm下载某些组件总是失败，后经学习了解到了cnpm。使用cnpm时就都可以正常下载，但是下载完成之后程序无法正常启动，所以cnpm下载也是失败的。 后面我经过自己手动测试，发现npm下载有些组件下载不了，而其他组件是可以正常安装的，于是我先把不能用npm下载的组件删 ......
安装npm install报错npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to https://registry.npmjs.org/webpack-subresource-integrity failed, reason
执行命令：npm run dev 启动前端项目报如下错误，vue-cli-service是Vue一个启动的插件，需要安装 D:\nodejs\npm.cmd run dev > yuntan1hao@2.0.0 dev > vue-cli-service serve --open 'vue-cli- ......
vite 分包配置
一、默认打包结果 二、配置 node_modules 打到一个文件 结果 配置 // vite.config.js export default defineConfig(({ mode }: ConfigEnv): UserConfig => { const root = process.cwd( ......
【npm问题】执行npm i @ant-design/pro-cli -g报错npm ERR! code ENOTEMPTY
报错内容如下 原因 ENOTEMPTY 发生在 npm 操作过程中，通常是在 npm 尝试重命名目录作为更新或安装过程的一部分时，却发现目标目录并非空目录。可能是之前的安装中断、文件权限问题或与现有文件冲突。 解决办法 清理npm缓存：npm cache clean --force，解决缓存文件损坏 ......
解决vite 文件的部分热更新问题
项目中的文件，在写代码的时候突然不能热更新了，使用的是vite + vue3 可能是点击文件夹的时候不小心改变了文件名的大小写导致的，因为这个不能热更新，搞了好久，每次写完代码，都要重启项目才能看到改变。看到网上都说是文件名的引入导致的，检查了代码，果然是这个原因。 ......
vite_打包去除console
依赖版本 "vite": "^5.0.10" 在vite.config.js中写入以下 export default defineConfig({ plugins: [ vue(), ], // 添加以下配置去除打包后的代码中的console build: { minify: 'terser', t ......
npm安装electron失败解决办法
按照别人的教程把uniapp打包成exe程序总是出错，卡在安装electron这一步，搞来搞去，终于摸清楚了原因。 1、首先用nvm把node切换到14版本，没有就安装。 nvm install 14 这时你会发现太慢了！ 然后你必须去nvm根目录把settings.txt改一下配置，新增以下两项： ......
VSCode 终端显示“pnpm : 无法加载文件 C:\Program Files\nodejs\npm.ps1，因为在此系统上禁止运行脚本”
如果出现以下问题： 解决方案： 1.用get-ExecutionPolicy命令在vscode终端查询状态 get-ExecutionPolicy # 返回 Restricted 说明状态是禁止的 Restricted 2.用set-ExecutionPolicy RemoteSigned命令更改状 ......
Vite构建基本配置
通过vite.config.js 暴露出defineConfig函数实现构造，vite会读取defineConfig返回的配置对象，配置对象需要自行编写 defineConfig 该函数是vite工具助手函数，用来读取构建配置，其返回一个配置参数对象 通过查看源码得知，vite配置有以下可选非必要内 ......
npm i --legacy-peer-deps
今天安装依赖时候出现问题，无法生成node_modules。看网上办法是因为npm版本过高，高于7之后要求会更严格。 -legacy-peer-deps标志是在v7中引入的,目的是绕过peerDependency自动安装;它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不 ......
vite_在项目中批量引入图片
一般而言, 在vue中引入图片会使用类似import slideImg1 from '@/assets/imgs/kenny-eliason-Ak5c5VTch5E-unsplash.jpg'这种方式, 但是当需要引入的图片数量众多的时候, 这么写就非常麻烦了. 参考vite+v3批量一次性引入本地 ......
使用Nginx部署VUE3+VITE项目时无法访问后端接口的一个情况
在使用VUE3作为前端，ABPVNEXT6.0作为后端框架。使用Nginx部署后无法访问api，接口报错404 找错思路很重要，网上找到了很多Nginx配置信息，但是都不起作用，即使更换服务器重新部署也无法生效 后来才发现，ABPNEXT对于未找到对应实体的报错就是404，按照正常的程序逻辑，404 ......
切换npm源的小工具 nrm
1、安装 npm i nrm -g 2、查看所有可用镜像源 nrm ls 3、使用镜像源 nrm use taobao 4、查看自己使用的源镜像 npm config get registry ......
electron-vite 安装， 打包下载资源失败，设置国内镜像
由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件（没有就创建）： npm的配置文件为用户根目录下的：~/. ......
npm升级时报错
需要的node版本为 Required: {"node":"^18.17.0 || >=20.5.0"}；而当前版本为Actual: {"npm":"8.6.0","node":"v16.14.0"} 所以需要先升级node 访问官网：Node.js (nodejs.org) 1、卸载node.js ......
vite启动后提示：Network: use --host to expose，且无法通过网络IP访问服务
 原因： 当 局域网 中另一台设备需要访问该服务时，必须通过本机 IP + 端口 访问。 尝试访问后，发现找不到这个 ......
Vue npm run serv
Vue npm run serv 1.首先 npm run serve 会在 package.json 文件中寻找 scripts 中的 serve 属性（有的可能会是dev属性，根据自己项目结构来） 2. vue-cli-service serve 是什么呢？ 其实就是等同于去执行 node_mo ......
docker直接运行vue3源代码npm run dev
有套代码，需要在服务器直接run dev，docker build玩起来。 步骤： 将自己的代码上传到服务器，本例：/home/flow/ruoyi-ui cd到项目根目录 ruoyi-ui，新建Dockerfile，内容如下，根据自己本地运行的node版本改第一行版本号。 FROM node:1 ......
vite创建vue3项目
初始化项目 pnpm ：pnpm create vite 输入项目名称，选择前端框架，上下键选择，确定选择可直接回车进行下一项选择 选择类型，我这里选择的是tyscript类型,按下回车后便创建成功 进入cd 项目名称进入项目目录，再如果pnpm install 安装项目所需依赖 依赖安装成功后 直 ......
npm install报错的解决方法
解决方法 node版本不对，问问前端开发，node版本是什么版本，用nvm install，并切换到正常的node版本； git代码有时候会有冲突，把前端项目中的依赖包node_modules 和 package-lock.json删除，重新npm install。 ......
npm配置
第一步 环境配置 我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则在我安装的文件夹【E:\tool\node\install】下创建两个文件夹【node_global】及【node_cache】 npm config set prefix "E:\tool\node\insta ......
vue前端代码npm install报错的解决方法
npm install，报错： npm WARN tarball tarball data for has-bigints@https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz (sha512-tSvCKtBr9lkF0 ......
npm错误——npm ERR! code ERESOLVE 解决方法
npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!npm ERR! While resolving: vuecli3@0.1.0npm ERR! Found: vue@2.7.5npm E ......
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
vue3+vant+vite移动端H5前端项目
vue3+vant4 项目地址 vue项目演示 react项目演示 react项目代码:react项目代码 环境版本 nuc 16.10.9 (ncu -u) nvm 1.1.11 node 20.0.0 npm 9.6.4 项目重要知识点 1. 采用 vue3 + vite + pinia 2.可 ......
Vite配置了proxy，查看代理接口地址
开发环境VIte配置了proxy，在控制台看不到实际请求的URL 可以在proxy使用byPass() 因为无法将其添加到请求头中，使用加到响应头方便查看 '/api': { target: env.VITE_NODE_ENV 'prod' ? 'https://***.com' : `https: ......
npm install安装依赖包时报错npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js，npm ERR! ChromeDriver installation failed Error with http(s) request: Error: read ECONNRESET
PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> PS E:\20231213\uirecorder> npm install npm ......
vue引入bootstrap <npm>
1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
微信小程序 ts npm
以 ts 构建的微信小程序项目，如何安装npm呢？ npm 直接在项目根路径下，按照平时的习惯创建就可以了，比如我想引入day js npm i dayjs 但是这种情况下，直接直接用会出错，即使ts提示正常 import dayjs from "dayjs"; const str=dayjs(). ......
Vite+Vue3+vite-plugin-style-import 2.0按需引入vant 4组件
首先在项目根目录执以下以命令，安装好必要的组件包： # Vue 3 项目，安装最新版 Vant cnpm i vant # 添加按需引入插件，它的作用是在引入组件库中的组件时支持按需引入，减小打包后代码的体积 cnpm install babel-plugin-import -D # 添加按需引入插 ......