1.使用vscode创建项目 npxdegitdcloudio/uni-preset-vue#vitemy-vue3-project需要注意的是当前的node版本^14.18.0以上2.项目创建完成后npmrundev:mp-weixinnpmrunbuild:mp-weixin以上是以微信小程序为例，如需其他可以查看其他项目命令https://uniapp.dcloud.net.cn/quickstart-cli.html3.下载uview-plus1)uview-plus依赖SCSS所以需要先下载sass和sass-loadernpmisasssass-loader@10-D2)依次安装以
今天在开发过程中碰到了导入模块时提示无法找到模块这个问题，分享一下我的解决思路首先产生这个错误是：无法找到模块XXX，并且提示'XXX'isdeclaredbutitsvalueisneverread产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了注意：这个错误并不影响代码的正常运行，只是在编写代码时，importxxxfrom'xxx'会一直飘红，很影响观感这里提供一种解决方案如下：在项目的根目录下创建一个xxx.d.ts文件，文件名自定义即可，后缀必须是.d.ts在刚刚创建的文件中输入一下代码declaremodule'*.v
一、打包命令npmrunbuild二、错误1：出现打包报错：块的大小超过限制，Somechunksarelargerthan500kbafterminification在vite.config.js中加入下面的代码build:{chunkSizeWarningLimit:1000,rollupOptions:{output:{//分包manualChunks(id){if(id.includes("node_modules")){returnid.toString().split("node_modules/")[1].split("/")[0].toString();}},},},}vite
Vite跨域设置步骤一vite.config.ts配置proxy:{//跨域代理'/apis':{//target:'http://'+env.VUE_APP_BASE_API,target:'http://url:port',//changeOrigin:true,rewrite:(path)=>path.replace(/^\/apis/,'')},//代理WebSocket或socket//'/socket.io':{//target:'ws://localhost:3000',//ws:true//}},步骤二axios在封装baseURL要改为代理的本地地址/apisbaseURL:
说明原本我们在vue2时代，可以使用require导入静态资源，如下所示template>div>div>test页面/div>/div>/template>script>exportdefault{name:"globe",data(){return{globe:{baseTexture:require('@/assets/echarts/earth.jpg'),environment:require('@/assets/echarts/starfield.jpg'),}},methods:{},}/script>但在vue3中的vite没有require方法定义的使用，说白了就是不使用re
项目场景：vue3+vite报错信息：项目场景：在vue3+vite的项目中，使用xlsx，安装使用importXLSXfrom'xlsx'但是，控制台报错如下：SntaxError:Therequestedmodule'/node_modules/.vite/deps/xlsx.js?v=3067d777'doesnotprovideanexportnamed'default'问题描述在vue3+vite的项目中，使用xlsx，安装使用后控制台报错报错信息：SntaxError:Therequestedmodule‘/node_modules/.vite/deps/xlsx.js?v=306
报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrouter=createRouter({ //在这里传入项目打包目录 history:createWebHistory('/demo/'), routes:constantRoutes})vite.con
⚡简介V3AdminVite是一个免费开源的中后台管理系统基础解决方案，基于Vue3、TypeScript、ElementPlus、Pinia和Vite等主流技术。⭐关键字免费：是个优点吧？开源：应该也是个优点吧？管理系统：相信大多数人都会接触到这类系统基础：没有复杂的封装，没有复杂的类型体操，开箱即用主流技术：当然是使用新技术❓学习它可能对你有的好处注释：各个配置项都写有尽可能详细的注释（对新人友好）依赖：定期更新所有三方依赖至最新版，确保版本不落后，并且同步更新最新的语法（想让你第一时间体验最新技术栈）稳定：基于该项目已经上线许多个真实的企业级项目（可以让你学完即可用）简洁：相对来说是Vu
问题Vue3+vite的项目，在全局安装新的Vite版本后，一直报下图错误。报错信息通过很多方式没有解决，最后发现是Vite版本的问题，因为Vue是从脚手架中引入的importvuefrom'@vitejs/plugin-vue'解决查看package.json和package.lock.json区别修改将package.json中vite的版本号固定后，安装（npminstall）发现仍有问题最终解决查看@vitejs/plugin-vue的版本安装上图的@vitejs/plugin-vue的版本npminstall@vitejs/plugin-vue@1.4.0问题解决~~
☔问题情景： 尝试使用Vite来构建前端项目，在创建前端项目时，执行启动构建项目时控制台报错出现：vite’不是内部或外部命令，也不是可运行的程序或批处理文件。☔问题解析： 使用vite创建vue3.0项目的时候，vite不会自动install相关的依赖，需要我们手动去安装。进入项目的node_modules目录里面查看，什么都没有！！！ 所以说出现这个问题的原因是：缺少安装依赖这一步！vite不像node或vuecli，会自动帮助我们执行npmi(install)命令去下载相关依赖，需要我们手动下载。 执行以下指令，等待npm将依赖下载完成后在尝试运行
