Vue2+ThreeJS踩坑记录Vue2打包项目之后,运行本地项目为空白页解决办法

Posted 曾胖神父

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue2+ThreeJS踩坑记录Vue2打包项目之后,运行本地项目为空白页解决办法相关的知识,希望对你有一定的参考价值。

错误情况与描述

项目的时候,运行正常,结果打包,访问就是空白页

错误原因

因为打包的时候,资源路径出现了问题

错误解决办法

第一步修改config文件夹下的index.js文件

修改assetsPublicPath为’./’

第二步修改build文件夹下的webpack.prod.conf.js文件

在output下添加publicPath:‘./’

第三步修改build文件夹下的utils.js文件

在ExtractTextPlugin.extract位置处添加 publicPath:‘…/…/’,

以上是关于Vue2+ThreeJS踩坑记录Vue2打包项目之后,运行本地项目为空白页解决办法的主要内容,如果未能解决你的问题,请参考以下文章

Vue2+ThreeJS踩坑记录THREE.FBXLoader: Cannot find the version number for the file given.错误解决办法

Vue2+ThreeJS踩坑记录THREE.FBXLoader: Cannot find the version number for the file given.错误解决办法

Vue2+ThreeJS踩坑记录fbx蒙皮网格模型挂载ShaderMaterial材质之后,挂载动画无效的解决办法

Vue2+ThreeJS踩坑记录fbx蒙皮网格模型挂载ShaderMaterial材质之后,挂载动画无效的解决办法

vue2.0 踩坑记录之组件

Vue2+ThreeJS工程无痛搭建指南