webpack遇到的场景问题及解决方案

简介: 最近又在搞webpack 环境问题很头疼有个学生解决了班里所有的webpack问题简单的记录下

1.前言


最近又在搞webpack 环境问题很头疼

有个学生解决了班里所有的webpack问题

简单的记录下


2.缓存问题报错如下:


HL[TT~YE$_YKZ(6((IWG})N.png



2.1 解决方案 使用指令清除缓存

npm cache clean --force

然后执行:npm install -g npm@latest 安装最新 npm

成功后安装:npm install -g vue-cli

Ok


3.npm问题


F32())~QX`QI`I}64%T]BHH.png


3.1 解决方案

将npm升级到最新版本:npm install -g npm@latest

设置代理npm config set registry=http://registry.npmjs.org

成功后,npm install -g vue-cli

最终成功!

NA26[G{I_L}[_@3)61SX)_8.png



4.系统问题


I{BT}XO@]2T0X~H%N]48SQK.png

4.1解决方案

  1. 但凡是报错有系统上禁止运行脚本的都是一个解决方案:
    一.右击开始菜单,打开Window Powershell(管理员) 一定要用管理员身份运行
  2. 图示

    ()4{O9$3A(U_~LE]JV$2_89.png
  3. 指令set-ExecutionPolicy RemoteSigned 回车

    XX872UUN]]OWEX`7P4N}TG7.png

4.输入 A 或者 Y 都可以

5.成功

%YRKN]Q_J1$MO8EG4_WXISD.png



5. -4048 错误


管理员权限运行终端  执行安装指令




相关文章
|
18天前
|
前端开发 JavaScript 容器
前端vw自适应解决方案,适用pc端以及移动端,适用webpack以及vite,适用vue以及react
前端vw自适应解决方案,适用pc端以及移动端,适用webpack以及vite,适用vue以及react
95 0
|
10月前
|
Web App开发 XML 资源调度
Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)
Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)
454 1
|
资源调度 JavaScript
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
101 0
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
|
资源调度 JavaScript
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
Vue npm yarn webpack 遇到无法加载文件禁止运行脚本解决方案
|
应用服务中间件 nginx CDN
webpack打包优化解决方案
webpack打包优化解决方案
105 0
|
18天前
|
JavaScript 前端开发
webpack成长指北第9章---webpack如何对icon字体进行打包
webpack成长指北第9章---webpack如何对icon字体进行打包
44 1
|
18天前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
45 0
|
18天前
|
前端开发 JavaScript
webpack成长指北第8章---webpack的CSS Modules打包
webpack成长指北第8章---webpack的CSS Modules打包
23 0
|
18天前
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
138 0