今天使用vue打包(npm run build)遇到了几个坑,在这里分享给大家 打包之后打开dist的页面显示空白: 这个问题以前就处理过,是打包过程中出现错误频率较高的一种,可能有3处地方会出现这种情况 1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的,默认...
npm run build后,本地直接访问请求都是正确的,线上服务器也显示正常,就是页面空白,网上查找下资料。主要修改以下两个地方。 vue.config.js(项目根目录下) module.exports={runtimeCompiler:true,publicPath:'./',//输出的根路径 默认是/ 如果你的网站是app.com/vue 这更改此配置项devServer:{port:8888//端口...
AI代码助手复制代码 解决以上这两步,就解决vue3项目打包发布到服务器后访问页面显示空白问题 在打包项目时显示空白页问题和一些解决思路 在项目开发完毕后我们就会进行打包 npm run build AI代码助手复制代码 打包生成的文件会在dist文件夹中 但有时候打开index.html 会出现空白页面 接下来我们从几个方面来进行分析: ...
npm run dev后可能出现无法加载到路由模板的信息。 解决位置:config/index.js文件:把 devtool: ‘#eval-source-map’ 改为devtool:‘inline-source-map’ devtool:‘#eval-source-map’//改为devtool:‘inline-source-map’ 1. 2. 3. 5,升级vue2+IP访问页面空白 默认只能通过localhost或者127.0.0.1才能访问...
Vue打包后页面出现空白解决办法 Vue打包后页⾯出现空⽩解决办法 ⼀、 vue-cli创建项打包后打开页⾯为空⽩的问题解决 命令⾏输⼊:npm run build 打包出来后项⽬中就会多了⼀个⽂件夹dist,这就是我们打包过后的项⽬。⼆、打包完成后配置会⾃动⽣成vue.config.js⽂件,这个⽂件⾮常...
然后npm run dev重新运行,问题解决,后来发现vue.config.js文件里有这个配置,把他注释掉也可以解决问题 总结:各位如果遇到类似情况可以尝试在chunk:[]中添加控制台提示的那个文件,原理不太懂,如果有知道的大佬可以在评论区评论,谢谢 参考:(https://github.com/vuejs/vue-...,(https://segmentfault.com/q/10....
npm run dev 浏览器访问,结果是空白的,这是怎么回事? 后来发现是浏览器版本的问题,低版本浏览器不支持js的高级语法。 方法一:换成高版本浏览器就没问题了。如下: 方法二:降低vite的版本。npm init vite@2.8.0就行。 这两种方法都可以解决vite,npm run dev白屏的问题。建议采用方法一,直接更新浏览器版本。
运行npm run build,然后发现打包的文件打包到了src里,这边需要再修改一个build.outDir属性 outDir:path.resolve(__dirname,"") 再对配置代码进行一点修改,附上完整代码 import{fileURLToPath,URL}from"node:url";import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importvueJsxfrom"@vitejs...
npm init @vitejs/app创建出来的vite2+vue3项目是空白页面,报404 1.新建一个准备放入项目的文件夹 2.终端输入 node -version 和npm -version 查看版本号 npm 大于6+ 并 cd 到 1 步骤的文件夹路径中 执行命令: npm create vite@latest my-vue-app(项目名)-- --template vue ...
我在本地测试的时候还是显示页面空白,打开控制台发现报了: TypeError: Cannot read properties of undefined (reading '$store') 回到代码发现是我在使用Vuex的数据时按照往常习惯在前面加了this,我把this去掉重新npm run build打包,再打开npm run preview本地测试,错误就没了,页面也正常显示了。