webpack安装失败,404解决方法-钻芒博客问题:

最近在搞小程序,需要安装node。但是在安装模块的时候提示错误404

试了好多次,也在网上找了很多篇帖子。在卸载、重装、卸载之路俞走俞远。

最后是通过删除本地  ../AppData/Roaming/npm   ../AppData/Roming/npm-cache  这两个文件夹解决的。在此贴给大家避免浪费时间苦苦寻找。

 

解决方法:[此部分引自九宝妈咪]

1.卸载本地node

2.删除本地  ../AppData/Roaming/npm   ../AppData/Roming/npm-cache  这两个文件夹

windows命令path查看你的位置在哪里   我本地位置:C:\Users\***\AppData\Roaming\npm   C:\Users\***\AppData\Roaming\npm-cache

3.重新下载安装node

官网地址:https://nodejs.org/en/ 

我下载使用的是:node-v8.1.3-x64.msi

4.检查node安装是否成功

>node -v    –查看node版本

>npm -v     –查看npm版本

>npm install webpack -g    –安装webpack

>webpack -h   –查看webpack版本

如果以上命令执行都ok,那么恭喜你,环境已经安装好了。

如图:

webpack安装失败,404解决方法-钻芒博客webpack安装失败,404解决方法-钻芒博客

没有找到原因,最后还是把node卸载重装才ok.

解决方法:

1.卸载本地node

2.删除本地  ../AppData/Roaming/npm   ../AppData/Roming/npm-cache  这两个文件夹

windows命令path查看你的位置在哪里   我本地位置:C:\Users\***\AppData\Roaming\npm   C:\Users\***\AppData\Roaming\npm-cache

3.重新下载安装node

官网地址:https://nodejs.org/en/ 

我下载使用的是:node-v8.1.3-x64.msi

4.检查node安装是否成功

>node -v    –查看node版本

>npm -v     –查看npm版本

>npm install webpack -g    –安装webpack

>webpack -h   –查看webpack版本

如果以上命令执行都ok,那么恭喜你,环境已经安装好了。

如图:

webpack安装失败,404解决方法-钻芒博客

 

 

5.使用webpack

找一个文件夹创建cats.js,app.js

(我的测试目录D:\webpack\webpackTest\cats.js    D:\webpack\webpackTest\app.js)

(1).cats.js

var cats = [‘dave’, ‘henry’, ‘martha’];

module.exports = cats;

 

(2).app.js

cats = require(‘./cats.js’);

       console.log(cats);(3).执行命令

 

(3).执行命令

webpack  ./app.js  app.bundle.js    –命令打包

node app.bundle.js    –node运行打包后的js

如图:

webpack安装失败,404解决方法-钻芒博客webpack安装失败,404解决方法-钻芒博客

到此webpack打包测试ok!

最后还有一点.
webpack安装失败,404解决方法-钻芒博客
执行的时候提示找不到.wuWxapkg.js    emmmm百思不得其解
最后突发奇想用wuWxapkg.js拷一份新的并命名为.wuWxapkg.js
webpack安装失败,404解决方法-钻芒博客
 然后这个问题就解决了… webpack安装失败,404解决方法-钻芒博客
这….
webpack安装失败,404解决方法-钻芒博客webpack安装失败,404解决方法-钻芒博客