检查环境变量:如果项目使用了环境变量,确保环境变量配置正确。环境变量的错误配置可能会导致构建后的网页无法正常运行。 总结:修复'npm run build'之后的空白网页,需要综合考虑代码错误、依赖项、构建配置、构建输出、路由配置、缓存等多个方面。通过逐步排查和修复,可以解决网页空白的问题。 腾讯云相关产品和产品介绍...
npm run build 打包后空白页解决问题两种情况 问题一:assetsPublicPath配置错误 解决办法:打开config/index.js文件 build:{ // assetsPublicPath: '/' assetsPublicPath: './' } 问题二:路由history模式配置有误 router/index.js 解决办法:关闭路由historym模式 export default new Router({ // mode: 'history',...
Vue打包npm run build 打包后空白怎么解决? 问题一:路径报错并且页面空白 解决:buld/index.js assetsPublicPath: '/'修改为assetsPublicPath: './' 问题二:没报错页面空白router-view中的内容显示不出来。路由history模式。 HTML5 History模式 解决:// mode: 'history',//将这个模式关闭就好 这里并不是说不能打...
第一:config/index.js中assetsPublicPath: ‘/‘改为’./‘ 打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本地是无法找到对应文件的(服务器上没问题)。所以如果需要在本地打开打包后的文件,就得修改文件路径。 第二:更改工程 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置,...
npm run build 是vue-cli用来打包项目的命令行,这里记录了我关于vue-cli打包的一些常见的坑,详细的记录我所踩过的坑和解决方法。 第一个坑:文件引用路径 命令行: //直接打包npm run build 但是打包完成后,打开dist/index.htmnl文件整个网页都是一片空白的。
通过npm run build 对vue项目进行打包,并且部署以后,发现页面一片空白,没有任何内容,而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。 如下图: 外网: 本地: 解决办法: 打开Vue项目路由的配置文件,然后将实例化VueRouter中的配置项 mode: 'history' 注释掉,因为这个导致打包路径出现...
在我的本地服务器中,npm run dev 工作正常,但是在将项目上传到 Apache 服务器后,安装了 node_modules(npm install)并运行“npm run build”,我在控制台和空白页面中得到了提示,没有错误我的浏览器中的开发控...
如果把路由改为BrowserRouter,npm run build之后index打开也是空白页,你知道这个问题怎么解决吗? 有用1 回复 Yoo勇: 我是吧BrowserRouter改成HashRouter,然后用phpStudy运行的 回复2017-08-22 freedom: 把BrowserRouter改成HashRouter确实就不是空白页了,可是为什么只要用BrowserRouter打开就是空白页呢? 回复2017-...
今天碰到了一个奇怪的问题使用vue-cli构建的项目,之前运行完全正常,npm run build之后页面空白无任何报错信息(不是assetsPublicPath设置导致的,这个导致的页面会报错,项目之前运行完全正常)npm run dev页面正常显示没有任何报错,功能正常npm run build 之后的情况如下:页面console页面资源页面结构控制台执行build之后上面的...