执行npm run build后生成的dist目录打不开页面

最新推荐文章于 2022-11-15 17:35:43 发布
最新推荐文章于 2022-11-15 17:35:43 发布
阅读量2k 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43462746/article/details/104476915
版权

一、找到config/index.js , 把assetsPublicPath:’/‘改成 ./"(如图)，再执行npm run build
在这里插入图片描述
二、控制台报’sessionStorage无权限之类’，换个浏览器打开

今天也要加油哇
关注
专栏目录
npm run build打包后页面空白报错：Failed to load resource: net::ERR_FILE_NOT_FOUND
Huagg24的博客
12-02 2729
有效的解决了我的问题所以转载记录一下。
npm run build 后dist自动打包成dist.zip
一只头没秃的前端菜菜
06-01 1253
前言： 首先需要安装：filemanager-webpack-plugin 注意：插件版本不能高于2.0.5，否则会报错，虽然现在已经出到5.0.0了，具体我也没去研究，有兴趣的童鞋自己去看看。 插件安装： npm install filemanager-webpack-plugin@2.0.5 --save-dev 插件配置： 如果是vue-cli那么应该在webpack.base.conf.js这个文件里把这些加上，具体看截图。 const FileManagerPlugin = requir
Vue-cli npm run build 生产环境打包, 本地不能打开问题 index.html空白页和css图片不显示
qq_095的博客
11-08 8982
Vue-cli npm run build 生产环境打包, 本地不能打开问题 问题： Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won’t work. 解释： npm run dev是开发环境, npm run build是生产环境, 在开发环境完...
vue(npm run build)得到的dist文件放在服务器下部分css样式不起作用效果，第三方UI库
magic_xiang的博客
07-26 4881
相信很多朋友在做vue项目的时候都会引入第三方的UI库，比如Element UI、IView等等， 在实际的项目中，我们需要自己的需求来修改UI库的css样式 那么在平常npm run dev的时候，修改之后的样式是会按照代码来显示的 可是一到我们npm run build的时候，突然发现自己修改的样式居然不起效果 看了下index.html的样式引入，都是没有错的 其实主要是我们将路由...
使用vue脚手架npm run build生成的dist目录中的index.html无法打开)
qq_15924901的博客
11-19 2768
#使用vue脚手架npm run build生成的dist目录中的index.html无法打开) 目录中的index.html直接打开报错：Failed to load resource: the server responded with a status of 404 (Not Found)， 解决这个问题首先安装server，cmd命令：npm install -g serve，然后再启动...
npm run build 打包后页面无法显示问题
AmberWu
03-13 1万+
今早运维小哥哥跑来找我，想给我的新项目发个版，我还是按照一般流程npm run build 然后git提交，打个tag v1.0.1，运维小哥哥说你前端页面没写好嘛？ emmmm….老娘早就写好了。肯定是哪里出了问题，我打开一看果然有问题。 果然啥都没有。不用着急，先看下控制台报错。 就说XXXNOT FOUND，极有可能是路径问题。 闲话不多说，我先去试哈。 在config文...
解决vue项目,npm run build后,报路径错的问题
10-14
在Vue项目中，`npm run build` 是用来执行生产环境构建的命令，它将优化代码并准备部署到服务器。然而，有时在执行此命令后，可能会遇到路径错误的问题，导致资源无法正确加载。本文将详细解析如何解决这个问题，并...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
在npm run build执行后，会生成一个dist目录，这个目录包含了打包后的index.html文件和static文件夹。但是，Vue-cli的默认配置可能会导致在本地直接打开index.html时遇到问题。这是因为Vue-cli默认的配置是将静态...
发布前端执行npm run build后没有dist文件夹
最新发布
06-11
如果你执行 `npm run build` 后没有生成 `dist` 文件夹，可能有以下几种原因： 1. 没有在 `package.json` 文件中正确配置 `build` 命令。 在 `package.json` 文件中，`scripts` 字段下应该有一个名为 `build` 的...
Npm run build 打包之后打开dist的index.html报静态资源路径错误
qq_32741973的博客
04-09 821
解决方法一.修改config下的assetsPublicPath的'/'为'./'，重新npm run build,再打开dist的index.html 解决方法二：安装一个http-server在本地开启一个本地的服务器，assetsPublicPath的'/'不用加. ...
python如何打包_如何打包发布Python项目，让全世界的人都能用
weixin_39828102的博客
11-21 162
大家在使用python时，肯定会需要安装各种各样的依赖包，常用的安装方法就是使用pip了。比如安装numpy的简单命令为:pip install numpy你是否想过这些包是怎么被安装的呢？又是如何制作的呢？或者说自己开发了一个很棒的东西想要分享给别人该怎么办呢？好吧，不卖关子了，下面就从头到尾捋一捋如何打包自己的项目并发布到网上去，如此一来，别人就可以使用pip来安装自己开发的包了，想想都好激动...
vue项目npm run build打包dist文件及打包后空白的解决方法
qq_52126119的博客
11-15 1万+
要想将vue的移动端项目打包成手机的app软件apk格式，首先要将项目打包出dist文件。若空白查看一下配置，可能是配置有错误，（本人用的情况一配置空白，换成了情况二的配置，成功解决！！）
Vue npm run build后在dist文件夹的index.html启用live serve白屏，数据请求失败
星火之光，暗淡的耀眼
10-20 869
Vue，打包，npm run build，页面白屏，报错，pages，LiveServe
npm run build之后生成的dist如何扔到服务器运行（npm run build之后如何本地运行）
热门推荐
Zack_ZXY的博客
07-13 10万+
运行npm run build之后，会生成一个dist文件夹，里面的目录结构大概是这样的：生成完的文件我们怎么来运行呢？直接在本地打开inde.html是无法运行的，打包的时候有提示：构建文件应该通过HTTP服务器提供服务。所以我们要启动一个HTTP服务器才能够运行。选择一个HTTP服务器，下面用Apache Tomcat和Nginx为例，分别运行一下。一、Apche Tomcat1、下载Apch...
如何快速启动npm run build 后的dist文件呢？
柠檬不萌只是酸i
10-23 9817
(1)通过npm run build 打包后会出现如下： tips: 提示我们打包完的项目，必须要在http server 下才能运行。 （2）安装http server。 进入 dist 文件夹，然后启动一个http服务即可。 或者，你现在已经到apache 里面进行配置去了。 其实也可以不用那么麻烦，我们有nodejs环境，只要安装全局 http-server 服务就好了呀。(*...
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
qq740874037的博客
07-04 9389
使用IDEA进行vue打包导致的不生成dist文件夹或打包部署不生效问题
python自动化部署工具_听说很多人都不会打包，教你Python实现前端自动化打包部署！...
weixin_39981185的博客
11-24 260
作为一名专职前端开发的我，为了帮助解决目前工作中的一些繁琐的工作（主要是处理 excel数据），解放程序员双手，前阵子就刚刚入了 python 的坑，毕竟也算是门工具语言，都已经加入少儿编程了，哈哈哈！背景实践是检验学习成果的唯一标准！在我学习过程中，一直琢磨着如何将学习的理论与我所掌握的知识结合起来，来解决或者处理实际问题，于是就有了 前端自动化打包部署 的念头。尽快近几年，市面上关于自动化部署...
nginx发布npm run build之后的dist文件夹
FlayHigherGT的博客
08-19 1859
简要说明： 在学习vue+gin的时候，需要将前端通过nginx发布，debug的时候是用npm run serve来测试的，在mac或windows上直接打开浏览器，但是在真正的服务器上你就必需要使用nginx来发布了。 nginx简介： nginx怎么安装我就不多说了简单点apt或者dnf就行，systemctl restart nginx重启；nginx -s reload重载配置文件等这些简单的买命令网上可以直接找到。配置文件一般存储在/etc/nginx/nginx.conf这是默认配.
npm run build 打包后，如何运行在本地查看效果（Apache服务）
CWW2016的博客
09-05 5512
目前，使用vue-cli脚手架写了一个前端项目，之前一直是使用npm run dev 在8080端口上进行本地调试。项目已经进行一半了，今天有时间突然想使用npm run build进行上线打包，试试能否成功看到我的项目效果。一开始是毫无头绪，什么都不懂，直接是就在命令行上敲下：npm run build命令。 好开心啊，竟然没有报错。以为就这么简单的成功了，在浏览器上输入：htt...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值