检查环境变量:如果项目使用了环境变量,确保环境变量配置正确。环境变量的错误配置可能会导致构建后的网页无法正常运行。 总结:修复'npm run build'之后的空白网页,需要综合考虑代码错误、依赖项、构建配置、构建输出、路由配置、缓存等多个方面。通过逐步排查和修复,可以解决网页空白的问题。 腾讯云相关产品和产品介...
npm run build 打包后空白页解决问题两种情况 问题一:assetsPublicPath配置错误 解决办法:打开config/index.js文件 build:{ // assetsPublicPath: '/' assetsPublicPath: './' } 问题二:路由history模式配置有误 router/index.js 解决办法:关闭路由historym模式 export default new Router({ // mode: 'history',...
1、npm run build打包,dist的index是空白页 问题一:assetsPublicPath配置错误 解决方法:修改config/index.js文件 问题二:路由history模式配置有误 export default new Router({ // mode: 'history', // require service support scrollBehavior: () => ({ y: 0 }), routes: constantRouterMap }) (暂时还未...
通过npm run build 对vue项目进行打包,并且部署以后,发现页面一片空白,没有任何内容,而且 控制台中也没有任何错误信息。但是通过npm run serve 以后却可以正常预览。 如下图: 外网: 本地: 解决办法: 打开Vue项目路由的配置文件,然后将实例化VueRouter中的配置项 mode: 'history' 注释掉,因为这个导致打包路径出现...
打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本地是无法找到对应文件的(服务器上没问题)。所以如果需要在本地打开打包后的文件,就得修改文件路径。 第二:更改工程 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置,重新打包: ...
运行npm run build之后,将 index_prod.html 和 dist目录 拷贝至 服务器静态文件夹下,访问 index_prod.html无效.显示空白的页面.
npm run build 是vue-cli用来打包项目的命令行,这里记录了我关于vue-cli打包的一些常见的坑,详细的记录我所踩过的坑和解决方法。 第一个坑:文件引用路径 命令行: //直接打包npm run build 但是打包完成后,打开dist/index.htmnl文件整个网页都是一片空白的。
今天碰到了一个奇怪的问题使用vue-cli构建的项目,之前运行完全正常,npm run build之后页面空白无任何报错信息(不是assetsPublicPath设置导致的,这个导致的页面会报错,项目之前运行完全正常)npm run dev页面正常显示没有任何报错,功能正常npm run build 之后的情况如下:页面console页面资源页面结构控制台执行build之后上面的...
今天碰到了一个奇怪的问题使用vue-cli构建的项目,之前运行完全正常,npm run build之后页面空白无任何报错信息(不是assetsPublicPath设置导致的,这个导致的页面会报错,项目之前运行完全正常) npm run dev页面正常显示没有任何报错,功能正常 npm run build 之后的情况如下: ...