我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist/index.html dist/static 然后static目...
打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认显示的路径不对,打开肯定是空白的。 build: { index: path.resolv...
我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist/index.html dist/static 然后static目...
运行打包命令(如 npm run build 或yarn build),确保没有报错。 检查打包输出,确保所有必要的文件(如 index.html、app.js、app.css 等)都已生成。 尝试清理项目缓存或重新安装依赖: 有时候,项目缓存或依赖问题可能导致打包后的页面空白。尝试清理项目缓存(如删除 node_modules 目录和 package-lock.json 或yarn....
npm run build AI代码助手复制代码 打包生成的文件会在dist文件夹中 但有时候打开index.html 会出现空白页面 接下来我们从几个方面来进行分析: 一、打包时整体资源路径 根据实际情况要判断 是/ 还是 ./ 在vue-ui 里配置: 在vue.config.js里配置:
npm run serve 允许你本地启动这个项目 npm run build 将整个项目进行压缩构建到dist这个目录下(俗称打包) 我们会发现在npm run build之后生成的dist文件夹中有一个index.html, 如果你本地打开它的话并不能正常的显示出项目的内容, 而是会出现一个空白页, 打开控制台也是爆了一堆找不到js、css等资源文件的错误...
npm run build后,本地直接访问请求都是正确的,线上服务器也显示正常,就是页面空白,网上查找下资料。主要修改以下两个地方。 vue.config.js(项目根目录下) module.exports={runtimeCompiler:true,publicPath:'./',//输出的根路径 默认是/ 如果你的网站是app.com/vue 这更改此配置项devServer:{port:8888//端口...
npm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个dist目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 images(如果有图片的话)。 如果直接双击打开 index.html,在浏览器中页面可能是空白了,要正常显示则需要修改下 index.htm...
我们会发现在npm run build之后生成的dist文件夹中有一个index.html , 如果你本地打开它的话并不能正常的显示出项目的内容, 而是会出现一个空白页, 打开控制台也是爆了一堆找不到js、css等资源文件的错误. 这其实和webpack打包后的资源路径有关. 因为我们知道vue-cli是使用了web...
vue3项目执行npm run build命令打包后,放到服务器下运行(部署流程与VUE2基本类似),访问的时候提示资源文件找不到: 访问的文件不存在,主要是因为路径配置问题。打包静态文件必须是根路径,否则放到服务器找不到静态资源(同理于webpack中的publicPath的配置)。解决方法为在项目根目录下的vite.config.js文件中添加base配...