关于vue打包npm run build 之后index页面打开空白问题_npm run build之后index文件是空白

如果你搜遍各种方法无法解决该问题，这里提供一种思路可以作为参考

注意，仅仅是参考，可能导致该问题的原因很多！！

遇到这个问题，解决了将近一个星期。。。

之前的思路一直是按网上所说的修改静态资源相对路径。

后来一直解决不了，极度烦人，同样的代码在别人电脑上可以正常打包运行。。

于是想到可能是依赖的问题，查看package.json文件，发现node-sass版本与node版本冲突，删除node_modules文件，重新npm install，竟然报错！！这时想起来之前是通过网上搜的某个方法巧合npm install成功的，没有根本意义上解决问题。所以本质上还是依赖下载的时候就错了。

问题原因：node版本问题，node最新版本与项目不兼容

下面给出解决办法：

node版本改为12.18.2，同时注意npm版本要相匹配，如果npm版本还是之前的，就说明之前没删除干净

前提是将旧版本完全卸载，可在控制面板里面卸载，然后再将所在文件夹删除了

然后设置镜像仓库地址： npm config set registry https://registry.npm.taobao.org

同时node-sass的版本要和node版本相对应，修改项目 package.json "node-sass": "^4.14.1", 【 node12对应的sass版本是4.14 】

之前安装失败的，清理缓存（可直接删除 node_modules 目录） npm rebuild node-sass npm uninstall node-sass

先单独从淘宝镜像把 nod-sass 下载下来，然后再进行编译： npm i node-sass --sass_binary_site=node-sass Mirror

npm install

成功~

npm run dev 运行

总结：node版本与项目不兼容，降低node版本即可