Vue项目运行npm run build后会生成一个dist文件夹,我们一般都是把这个文件夹部署到服务器上。dist文件夹里边有一个static文件和一个index.html页面,这个index就是最后单页面的最终文件。 问题一:我在打包完成后,打开index.html文件发现地址并没有携带路由。 这样的话页面就是空白了,因为没有组件被添加到页面中。打...
项目名字是abcde,选了vue-ts cd abcde npm install npm run dev 浏览器访问,结果是空白的,这是怎么回事? 后来发现是浏览器版本的问题,低版本浏览器不支持js的高级语法。 方法一:换成高版本浏览器就没问题了。如下: 方法二:降低vite的版本。npm init vite@2.8.0就行。 这两种方法都可以解决vite,npm run dev...
build: { assetsPublicPath: './', } 1. 2. 3. 4,升级vue2+部分手机访问出现页面空白 npm run dev后可能出现无法加载到路由模板的信息。 解决位置:config/index.js文件:把 devtool: '#eval-source-map' 改为devtool:'inline-source-map' 5,升级vue2+IP访问页面空白 默认只能通过localhost或者127.0.0.1才...
运行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...
用 idea 打开那个 html 文件 鼠标移到右上角选一个浏览器打开 idea 会临时用一个服务打开你这个 html...
根据官方文档,通过create-vite创建一个空白项目,只需要使用对应的包管理工具(NPM,Yarn,pNpm)执行create操作即可: npm create vite@latest# oryarn create vite# orpnpm create vite 执行后我们需要手动输入和确认项目名称、使用框架、语言类型等,如果有和项目同名的文件夹,还会提示是否清空已有文件夹。如下图: ...
我在本地测试的时候还是显示页面空白,打开控制台发现报了: TypeError: Cannot read properties of undefined (reading '$store') 回到代码发现是我在使用Vuex的数据时按照往常习惯在前面加了this,我把this去掉重新npm run build打包,再打开npm run preview本地测试,错误就没了,页面也正常显示了。
vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build.target默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送,所以需要我们手动兼容低版本。 解决办法 1.首先安装插件:npm i @vitejs/plugin-legacy -D ...
vite+vue3打..大佬们,我写前端的时候用了vite+vue3,然后我使用npm run dev本地运行时都没有问题,但当我npm run build打包后,前端控制台一片空白,并且控制台报错。我去网上查了一些相关错误
npm run dev:h5 //或者点击hbuilderx的菜单,运行到浏览器 npm run build:h5 //打包 或者点击hbuilderx的菜单 发行 网站-pc 项目简介 ##rt-uni-admin是基于uniapp + vue3 + ts + elementplus + uni-ui + vite的pc端后台管理系统空白模板,支持前后端控制权限...