Vite

使用vue-client-only 解决组件不兼容SSR问题

基于vue2框架的应用3.基于vue3框架的应用二、总结往期回顾前言最近在我的单页面SSR应用上开发JSON编辑器功能，在引入组件后直接客户端跳转OK，但是在直接加载服务端渲染的时候一直报这个错误：[vite
富朝阳·2024-02-10 18:20

vite安装路由启动报错。

vite安装路由后启动该报错如下[vite]Optimizabledependenciesdetected:router,vue[vite]Depoptimizationfailedwitherror:
防火墙在线·2024-02-10 15:49

vite默认是不支持@和require怎么配置？

不支持@在vite.config.js中配置如下import{defineConfig}from'vite';importvuefrom'@vitejs/plugin-vue';constpath=require
防火墙在线·2024-02-10 15:49

学习Vue3的第一天

创建Vue3工程前提条件基于vue-cli创建（不推荐）基于vite创建（推荐）通过CDN使用Vue代码示例简介什么是Vue？
世俗ˊ·2024-02-10 01:04

保姆级教程 从零配置nodejs环境并用命令行创建基于vue3的uniapp项目+Webstorm配置uniapp

目录1.配置node.js1.1下载并安装1.2配置环境变量1.3修改安装目录2.使用命令行创建Vue3/Vite版的u
tepkco·2024-02-10 00:16

vue3的vite配置

使用Vite快速构建Vue3+ts+pinia脚手架使用Vite快速构建Vue3+ts+pinia脚手架-51CTO.COM1、现把下面导入的4个npm插件运行完成npmadd-Dtersernpmivite-plugin-imagemin-Dnpmivite-plugin-compression-Dnpmipostcss-preset-env-D2
A-超·2024-02-10 00:16

vite 环境变量配置

在根目录新建.dev.production和.env.development文件NODE_ENV='development'VITE_APP_BASE_API=/developmentApiNODE_ENV
寂寞沙洲冷1号选手·2024-02-10 00:45

解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

报错内容Failedtoloadmodulescript:ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/html".StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.解决方法router文件//创建路由exportconstrou
写BUG的一枚好手·2024-02-10 00:14

Vite项目打包优化

一、一些基础报错1.vite设置完别名之后，ts一直报错resolve:{alias:[{find:'@',replacement:path.resolve(__dirname,'src')}]},所有用到
小杨小杨、努力变强！·2024-02-10 00:14

vue3+vite在vite中配置跨域

在vite.config.js中配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'
bsefef·2024-02-10 00:43

vite项目配置根据不同的打包环境使用不同的请求路径VITE_BASE_URL，包括报错解决

vite环境配置可以看官方文档：环境变量和模式|Vite官方中文文档创建环境配置文件在项目根目录下面创建.env和.env.production文件，.env是开发环境使用的，.env.production
1024小神·2024-02-10 00:13

封装sku组件

1.准备模板渲染规格数据使用Vite快速创建一个Vue项目，在项目中添加请求插件axios，然后新增一个SKU组件，在根组件中把它渲染出来，下面是规格内容的基础模板import{onMounted,ref
小秀_heo·2024-02-09 20:54

vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?

在vite脚手架中,引入时忽略.vue扩展名将导致错误//一个名为tsc.vue的文件，importtscfrom"./tsc.vue";//上面的引入可以正常运行，但importtscfrom".
余栀丶·2024-02-09 14:54

vue3+vite+ts 配置commit强制码提交规范配置 commitlint

配置git提交时的commit信息，统一提交git提交规范安装命令:npminstall-gcommitizennpmicz-customizablenpmi@commitlint/config-conventional@commitlint/cli-D文件配置根路径创建文件commitlint.config.jsmodule.exports={//继承的规则extends:['@commitli
周家大小姐.·2024-02-09 08:29

vue3学习——axios封装

request.tsimportaxiosfrom'axios'import{ElMessage}from'element-plus'constrequest=axios.create({baseURL:import.meta.env.VITE_APP_BASE_API
可乐KL·2024-02-09 07:45

第二章 Electron自定义界面(最大化、最小化、关闭、图标等等)

这里我已经搭建好了项目快速搭建Electron+Vite3+Vue3+TypeScript5
Etc.End·2024-02-09 06:26

关于vite5中postcss-px-to-viewport插件问题和require问题

1.vue3中不支持require，可以npmivite-plugin-require-transform--save-devimportrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:41

宁德烟草大屏问题与解决方法总结vue3+vite5

中css里添加postcss代码如下1.样式总结：1.非标准屏幕时要完整展示大屏内容当大屏不是1920*1080屏幕时，两侧可以滑动。当1920*1080正常时，不会滑动，可以设置高度和滚动。91和35分别是我的头部和尾部高度。同时配合postcsspxtoviewport8plugin插件保证宽度自适应.left{width:436px;height:calc(100vh-91px-35px);
_斯洛伐克·2024-02-08 23:41

在vue3+vite中 使用require

第一步先安装插件npmivite-plugin-require-transform--save-dev第二步导入importrequireTransformfrom'vite-plugin-require-transform
_斯洛伐克·2024-02-08 23:11

【JavaWeb】头条新闻纯JavaWeb项目实现 项目搭建 数据库工具类导入 跨域问题 Postman 第一期 (前端Vue3+Vite)

文章目录一、项目简介1.1微头条业务简介1.2技术栈介绍二、项目部署三、准备工具类3.1异步响应规范格式类3.2MD5加密工具类3.3JDBCUtil连接池工具类3.4JwtHelper工具类3.4JSON转换的WEBUtil工具类四、准备各层的接口和实现类4.1准备实体类和VO对象4.2DAO层接口和实现类4.3Service层接口和实现类4.4Controller层接口和实现类4.4.1Por
道格维克·2024-02-08 19:51

vite+vant+vue3新闻客户端app（三）

一、文章搜索1.1创建组件并配置路由1、创建src/views/search/index.vue2、然后把搜索页面的路由配置到根组件路由（一级路由）{path:'/search',name:'search',component:Search},3、在home.vue配置路由跳转1.2页面布局Search组件提供了search和cancel事件，search事件在点击键盘上的搜索/回车按钮后触发，c
与月儿漫邀·2024-02-08 13:53

内置路印协议的VITE（唯特）

VITE2.png简介：严格意义上说，DAG（有向无环图）并不属于区块链范畴，但以DAG为基础设计一条基础公链也是一种途径。目前为止，这条公链赛道并不拥挤，VITA是其中之一。
老猫___·2024-02-08 11:19

VUE3基础

增强了逻辑组合能力配套的工程化工具也有了更新2、市场层面vue3的市场在扩大3、vue3的优势：二、创建vue3项目vue3官方API执行如下命令，这一指令将会安装并执行create-vue（create-vue使用vite
煸橙干儿~~·2024-02-08 10:11

若依vue3单文件上传/多文件上传/前后台代码

constupload=reactive({//设置上传的请求头部headers:{Authorization:"Bearer"+getToken()},//上传的地址url:import.meta.env.VITE_APP_BASE_API
xsjCoding·2024-02-08 06:46

vue项目打包部署到flask等后端服务里面，实现前后端不分离部署，解决空白页面和刷新页面not fount问题

StrictMIMEtypecheckingisenforcedformodulescriptsperHTMLspec.ExpectedaJavaScriptmodulescriptbuttheserverrespondedwithaMIMEtypeof"text/plain".具体解释可以看vite
1024小神·2024-02-08 06:15

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能
*郑*·2024-02-08 00:06

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16
yma16·2024-02-07 23:52

Vite的优化配置

1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app-
你大爷的,这都没注册了·2024-02-07 23:11

Vite基础配置之 - 分包

Vite基础配置之-分包什么是分包呢？它有什么好处呢？还是举个例子，来回忆一下吧，什么呢？
你大爷的,这都没注册了·2024-02-07 23:41

vue+vite项目，动态导入静态资源的几种方式

博主的桌面工具软件已经正式开发，获取方式：可以关注我的小程序【中二少年工具箱】获取。（若小程序更新有延迟，可先收藏小程序）通过下载链接百度网盘:链接：https://pan.baidu.com/s/15zDnSoEzJGSZLjpD2FYrMw?pwd=1234提取码：1234复制这段内容后打开百度网盘手机App，操作更方便哦具体已实现功能，参考文章中二少年工具箱简介文章目录前言一、静态导入二、i
中二少年学编程·2024-02-07 22:14

Vue3跨域代理设置

Vue3中,就不要再使用什么vue.config.js文件来配置跨域代理了Vue3的项目,在通过vite来创建项目之后,会自动创建一个vite.config.js文件,跨域的代理就可以在这个文件中配置了
Leo_DLi·2024-02-07 17:31

React+TypeScript项目创建

可采取两个工具来创建：create-react-app(React官方提供)、vite(不仅仅是创建React项目，Vue等也可用)每种工具都列出npm和yarn两种使用方式一，create-react-app1
Leo_DLi·2024-02-07 17:00

vue项目开发vscode配置

初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite
RuiW_97·2024-02-07 10:37

Vue3.4+element-plus2.5 + Vite 搭建教程整理

一、Vue3+Vite项目搭建说明：Vue3最新版本已经基于Vite构建，关于Vite简介：Vite下一代的前端工具链，前端开发与构建工具-CSDN博客1.安装并创建Vue3应用npmcreatevue
天马3798·2024-02-07 08:51

Vue3快速上手（二）VSCode官方推荐插件安装及配置

一、VSCode官方插件安装，如下图2款插件在用vite创建的程序里，提示提安装推荐的插件了，如下图：二、配置在设置-扩展里找到Volar插件，将DotValue勾选上。
一掬净土·2024-02-07 08:12

使用vite创建vue+ts项目，整合常用插件（scss、vue-router、pinia、axios等）和配置

Vite需要Node.js版本18+，20+。然而，有些模板需要依赖更高的Node版本才能正常运行，当你的包管理器发出警告时，请注意升级你的Node版本。
留白声·2024-02-07 07:56

【JS】纯web端使用ffmpeg实现的视频编辑器

界面效果开发过程初始化vue3框架用vite的vue3模板创建一个就可以。
飘逸者打瞌睡·2024-02-07 05:22

【ffmpeg】vue3报错TypeError: Failed to construct ‘URL‘: Invalid URL at node_modules/@ffmpeg/ffmpeg/s

TypeError:Failedtoconstruct'URL':InvalidURLatnode_modules/@ffmpeg/ffmpeg/src/browser/defaultOptions.js解决在vite.config.js
飘逸者打瞌睡·2024-02-07 05:51

【vue3】远程组件加载

远程加载组件，动态更新组件，主框架不更新参考https://gitee.com/fanzhengshao/remote-components-library用vite创建一个vue项目添加remote目录
飘逸者打瞌睡·2024-02-07 05:21

npm run dev 疑难解答

在命令行下执行命令：npmrundev以下几个是典型错误，记录解决办法分享给大家：'vite'不是内部或外部命令，也不是可运行的程序或批处理文件。
鲁正杰·2024-02-07 02:20

2022-11-04

在vite+vue3+ts项目下，实现根据文件名称自动生成路由1、安装插件npminstallvite-plugin-pages-Dnpminstallvue-router2、在vite.config.ts
前端橙子·2024-02-06 21:03

Vite--新一代前端开发与构建工具

Vite的初衷？为什么要选择它？在浏览器支持ES模块之前，JavaScript并没有提供原生机制，让开发者以模块化的方式进行开发。
你管我管你疯啊·2024-02-06 21:03

Vite 的全景：颠覆前端开发的新潮流

Vite的全景：颠覆前端开发的新潮流1.简介在现代前端开发领域，Vite已经成为一种引人注目的选择。Vite是一种快速、简单、可扩展的构建工具，为前端开发者提供了高效的开发体验。
画江山·2024-02-06 21:29

web前后端小坑记录

前端的vite.config需要注意base，这个按我的理解就是静态资源的url路径加什么前缀，如果是./就表示了相对路径而不是绝对路径。默
dxgzg·2024-02-06 19:32

Vite 下一代的前端工具链，前端开发与构建工具

一、Vite简介官方中文网站：Vite|下一代的前端工具链官方定义：Vite，下一代的前端工具链，为开发提供极速响应。Vue3.4版本，Vue新版本使用Vite构建、开发、调试、编译。
天马3798·2024-02-06 16:24

Vue3快速上手（一）使用vite创建项目

一、准备在此之前，你的电脑，需要安装node.js,我这边v18.19.0wangdy@mb2024code%node-vv18.19.0二、创建执行npmcreatevue@latest命令即可使用vite
一掬净土·2024-02-06 10:35

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题

Vite+Vue3+TS中解决PrismJS显示JSON数据不高亮的问题在使用prismjs库高亮代码的时候，HTML、JS和CSS都能正常高亮，但是在现实JSON数据的时候就不高亮，经过一番折腾，最后解决办法如下
奔跑的呱呱牛·2024-02-06 07:28

使用vue-press搭建一个像element一样的组件文档

系列文章目录VuePress2.0在2021年中旬发布,由webpack改为使用vite进行构建。在vuePress1.0时代，很好的解决了vuePress使用webpack打包构建缓慢的问题。
疯一样的MEI男子·2024-02-06 06:01

element-plus 更换主题色

由于跟着官方文档可能出现报错[plugin:vite:css][sass]Moduleloop:thismoduleisalready，于是写一份避坑指南。
小秀_heo·2024-02-05 23:05

pnpm + vite 从外网迁移到内网环境开发

离线安装pnpm在有外网的机器上执行以下命令，下载pnpm的tgz压缩包至桌面，注意下载版本和当前使用版本保持一致[email protected]~/Desktop将tgz压缩包拷贝至离线机器在离线机器中执行命令npm-gi/home/user/offline/pnpm-7.4.0.tgz参考:如何离线安装pnpm-知乎复制源码复制整个项目代码，重点是no
jiangbinwangyi·2024-02-05 14:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他