Vite 第12页

VUE3打包build 报错

错误一解决方法打开package.json包将下面部分修改"dev":"vite","build":"vitebuild","preview":"vitepreview",然后打包错误二打包后，我得又报错

墨_风·2024-01-09 04:21

Vite4项目构建失败原因unresolved peerdependenices vite5.0.0

兄弟萌,最近vite5发布了,连带着更新了ejs和prettier,原本在package.json里写的^x.x.x不只是vite保持原版本不变,ejs和prettier也保持原作者推荐的最低版本,每个人情况不同

李白邀请月皎皎·2024-01-09 04:51

升级vite5注意事项

UncaughtTypeError:(intermediatevalue).globEagerisnotafunctionvite5中import.meta.globEager已经被废弃，改成使用import.meta.glob('*',{eager:true})//以前的使用方法constroutesModules=import.meta.globEager('../views/**/route

程序舞姬·2024-01-09 04:51

Vite 5.0 正式发布，大幅度提升构建性能

11月16日，Vite5.0正式发布，这是Vite道路上的又一个重要里程碑！Vite现在使用Rollup4，这已经代表了构建性能的大幅提升。此外，还有一些新的选项可以改善开发服务器性能。

QD_ANJING·2024-01-09 04:50

vite报错

FailedtoparsesourceforimportanalysisbecausethecontentcontainsinvalidJSsyntax.Install@vitejs/plugin-vuetohandle.vuefiles.安装vitejs/pugin-vuenpmivitejs/pugin-vue重新安装模块npmi在vite.config.ts

噜噜雯雯·2024-01-09 04:20

升级 Vite 5 出现警告 The CJS build of Vite‘s Node API is deprecated.

CJS和ESM的区别Vite为什么弃用CJS？开源项目错误描述vue3-element-admin升级Vite4至Vite5后

有来技术·2024-01-09 04:50

vue3,配置scss文件自动导入

import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue

越来越好的月·2024-01-09 03:05

Vite 如何过滤 console.log

1、需求：console.log一般都是在开发环境下使用的，在生产环境下需要去除2、思路：vite构建时默认使用Esbuild，打包速度是其他打包工具的十几倍，但是缺点也很明显，不具备操作AST的能力，

前端菜菜DayDayUp·2024-01-09 01:36

vue封装request

importaxiosfrom'axios'importstorefrom'@/store'import{ElMessage}from'element-plus'constbaseURL=import.meta.env.VITE_BASE_URLconstservice

失落村庄·2024-01-09 01:02

vue+vite项目在开发时报错：Internal server error: EISDIR: illegal operation on a directory, read

在学习vue项目时，刚开始搭建就遇到了一个问题我是通过npminitvue@latest创建vue3项目时，建立路由时报错错误如下：[vite]Internalservererror:EISDIR:illegaloperationonadirectory

qq_43710066·2024-01-09 01:01

vue3中vite使用sass

引用：https://blog.csdn.net/weiliang_66/article/details/132469597npminstallsass-d配置vite.config.js:css:{preprocessorOptions

waterkid0·2024-01-09 00:41

Vben Admin 项目目录说明

吾乃冠军·2024-01-08 21:30

vite + vue3引入ant design vue 报错

npminstallant-design-vue--save下载插件并在main.ts全局引入报错解决办法一：main.ts注释掉全局引入模块按需引入解决办法二将package.json中的ant-design-vue的版本^4.0.0-rc.4改为^3.2.15版本同时将将package-lock.json中的ant-design-vue的版本^4.0.0-rc.4改为^3.2.15版本删除，n

吾乃冠军·2024-01-08 21:56

vue3 vite使用 monaco-editor 报错

报错：UnexpectedusageatEditorSimpleWorker.loadForeignModule修改配置："monaco-editor-webpack-plugin":"^4.2.0",删除不用版本："monaco-editor":"^0.28.1",修改如下：optimizeDeps:{include:[`monaco-editor/esm/vs/language/json/js

m~781·2024-01-08 20:39

Vue3 快速上手-基于Vue2基础

基于Vue2基础前言Vue3快速上手1.Vue3简介2.Vue3带来了什么1.性能的提升2.源码的升级3.拥抱TypeScript4.新的特性一、创建Vue3.0工程1.使用vue-cli创建2.使用vite

不爱吃奶昔（zsl0）·2024-01-08 19:15

Vue3+TS+ElementPlus的安装和使用教程【详细讲解】

随着前端的日月更新，技术的不断迭代提高，如今新vue项目首选用vue3+typescript+vite+pinia+……模式。

SwJieJie·2024-01-08 15:47

深入了解 Vite：快速、简洁、高效的前端构建工具（上）

在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录一、引言介绍Vite

阿珊和她的猫·2024-01-08 11:16

使用vite搭建react+typescript及解决vscode各种红线报错

安装vite并选择react+typescript这一部分没有什么问题，按照流程即可首先npmcreatevite配置相关的项目信息然后按照如下的流程依次安装即可，此时项目启动成功配置@别名在vite.config.ts

shadow fish·2024-01-08 09:34

从 jQuery 到 Vue3 的快捷通道

当初使用jQuery做了几个简单的项目，算是有一点点了解，现在学习Vue3，发现了一个可以快速转换思维的通道——使用CDN的方式模拟Vite建立的项目！

自然框架·2024-01-08 09:12

spug发布问题汇总记录

[vite]:Rollupfailedtoresolveimport"element-plus"from"src/main.js".项目框架简介vue3viteelement-plus解决方案-1.配置淘宝镜像源

Simorel·2024-01-08 07:28

【二】使用create-vue创建vue3的helloworld项目(推荐)

create-vue官网：快速上手|Vue.jscreate-vue是Vue3的专用脚手架，使用vite创建Vue3的项目，也可以选择安装需要的各种插件，使用更简单。

恋上钢琴的虫·2024-01-08 06:08

【一】使用vue-cli创建vue3的helloworld项目

恋上钢琴的虫·2024-01-08 06:31

vue3+vite+ts 在img上获取静态图片

1.在vue3+ts项目中插入图片方式一，单个单个的插入importwordfrom'/@/assets/images/word.png'在setup中return，或是方式二:推荐核心方法,直接复制使用，需要更改URL地址这是我项目中的…/…/assets/images/${url}，这里静态资源路径需要改成你们自己的//获取assets静态资源functiongetAssetsFile(url

꧁“杂货店”꧂·2024-01-08 04:39

vue3+vite +element plus日历date picker中文显示

项目情况element-plus默认是英文模式，需要中文模式的话需要设置一下：项目框架（vue3）：vite+JS+element-plus版本：（注意版本兼容，elementplus较低版本：1.xx.xx

Lan.W·2024-01-08 03:58

聊一聊 webpack 和 vite 的开发服务代理的问题

webPackAndVite都是两个比较好用的打包工具，尤其是Vite,几几年流行忘记了，特色就是服务启动极快，实现预加载，感觉webPack要比Vite要复杂一点，不过两者都是比较好的打包工具今天想聊一聊关于

東方幻想郷·2024-01-08 01:38

创建Vite+Vue3+TS基础项目

前言：本篇内容不涉及插件的安装以及配置，具体安装及配置篇可以看下面目录，本篇只涉及创建Vite+Vue3+TS基础项目相关内容。不讲废话，简单直接直接开撸。

痴心阿文·2024-01-08 00:04

vite+vue3+ts【创建项目】基础配置

一.vite+vue3+ts【创建项目】1.通过vite脚手架#v3_test(你的项目名称)npminitvitev3_test----templatevue2.选择vue3.回车选择vue-ts4.

爱玩亚索的程序员·2024-01-08 00:33

如何创建vue3+vite+ts的项目

南穑·2024-01-08 00:33

vite+vue3+ts项目搭建

创建项目npmcreatevite@latestpnpmcreatevite@latest安装less/sasspnpmi-Dsasspnpmi-Dless自动导入这两个插件使用之后不用手动导入vue里面的hooks，reactive等pnpmi-Dunplugin-vue-componentsunplugin-auto-importunplugin-vue-components:GitHub-a

前端网格·2024-01-08 00:33

vite+vue3+ts 项目搭建

一、创建vite项目确保node.js版本在12以上用vite创建项目npminitvite输入项目项目名称，选择vue如果对TypeScript不熟悉也可以选择JavaScript项目创建完成cdmy-vite

An_zhou·2024-01-08 00:02

从零开始搭建企业级前端项目模板（vue3+vite+ts）

文章目录主要内容一、vite脚手架工具初始化项目二、项目代码加入eslint校验和自动格式化2.1安装对应依赖插件2.2配置script脚本，项目安装eslint配置2.3安装完成后，后面启动项目还缺少一些依赖

菜又爱编程·2024-01-08 00:32

Vite 创建 Vue3 + TS 项目

创建项目npminitvite@latest项目名称安装插件npmiunplugin-auto-import-D或者yarnaddunplugin-auto-import-D修改vite.config.js

这代码写的·2024-01-08 00:32

vue3+vite+Eslint: Error [ERR_REQUIRE_ESM]: require() of ES Module

{"name":"vite-project","private":true,"version":"0.0.0","scripts":{"dev":"vite","build":"vue-tsc--noEmit

aXin_li·2024-01-07 23:35

Vite + Eslint + Vue 3: Parsing error: ‘＞‘ expected.eslint

vue3开启eslint之后报错：errorParsingerror:‘＞‘expected解决方案eslint文件需要添加这两个配置：module.exports={env:{browser:true,es2021:true,node:true},extends:['eslint:recommended','plugin:vue/vue3-essential','plugin:@typescri

aXin_li·2024-01-07 23:34

跨域处理-1

LocalStorage和IndexDB无法获取DOM无法获得AJAX请求不能发送同源条件协议，端口，主机三者相同即为同源反之，其中只要某一个不一样则为不同源解决方式本地开发跨域本地开发一般使用下面3种方式进行处理vite

SofterICer·2024-01-07 22:19

vue3+vite配置静态路由

1.安装路由npminstallvue-router--save2.新建router/index.js文件文件内容import{createRouter,createWebHistory}from'vue-router'importHomefrom'../view/home.vue'constroutes=[{path:"/",name:"index",redirect:"/home",//这个得

在线小白www·2024-01-07 21:44

《Vue3 前端构建工具》 Vue-cli 与 Vite 创建项目的插件和配置对比

然而我的Vue3升级一再拖延（惭愧不已）~赶起来吧~今天用vue-cli和vite分别创建了Vue3项目，具体实现步骤见如下两篇。

AvatarGiser·2024-01-07 17:12

Vue3 + echart动态引入图片以及打包问题

Vite+vue3不能使用require原标题:在vue3中动态引入图片vue3不能用require了特别感谢评论区朋友指出的问题是Vite+vue3不能使用require所以特意回来考古，更正！！！

kwok_çç·2024-01-07 09:40

vue3 + vite 动态引入不被打包的静态资源

在开发中，通常会把一些静态资源放在assets文件夹下，但是assets目录下的内容是需要vite编译打包的，所以如果只是引用assets目录下的资源时，使用绝对路径、相对路径均可。

listener_life·2024-01-07 09:39

vite项目中动态引入src失败的问题解决:require is not defined

问题复现静态引入路径(无问题){{item.meta.cname}}这里没啥问题。但是,如果使用动态的路径引入,就会出问题动态引入(图片不展示){{item.meta.cname}}在vue中,:src需要使用require(路径)的值,而并非原始的路径值src="静态路径":src="require(动态路径)"不过这里引用之后依然有问题require出问题(报错){{item.meta.cna

青阳流月·2024-01-07 08:45

vite 如何打包 dist 文件到 zip 使用插件 vite-plugin-zip-pack，vue3 ts

vite如何打包dist文件到zip使用插件vite-plugin-zip-pack，vue3ts开发过程中一个经常做的事就是将./dist文件夹打包成zip分发。

十月ooOO·2024-01-07 04:40

Vue3使用vite-plugin-vue-setup-extend 不生效问题

在使用Vue3.2的setup语法糖后，无法优雅的定义组件的name值，虽然vite会根据组件的文件名自动生成组件名，但是需要自定义的组件名时，就很不方便。

ruisenLi·2024-01-07 04:11

vite的使用

1.预购建重写导入为合法的URL，例如/node_modules/.vite/deps/my-dep.js?v=f3sf2ebd以便浏览器能够正确导入它们。

小丑101·2024-01-07 03:19

Vite scss 如何引入本地字体

Vitescss如何引入本地字体最近在用Vite改造一个旧项目Diary，遇到了好多从Vue转到Vite的问题。这次这个问题是：scss里本地字体引入的问题。

十月ooOO·2024-01-07 03:48

Vite+Vue3使用MockJS

现在就记录一下Vite+Vue3的环境下如果使用MockJS。

枫叶梨花·2024-01-07 00:28

vite和webpack的区别

Vite则是一种基于浏览器原生ES模块解析的构建工具，它通过在服务器端搭建开发环境，在浏览器中使用原生ES模块的方

m0_73734137·2024-01-06 20:47

学习笔记四：Vue3.x+Element Plus项目Demo引入Vue-i18n并实现手动切换页面语言

前言学习Vite和Vue3并搭建项目Demo，主要目的是搭项目，对于新手直接跟着操作就可以把项目搭起来，借这个机会自己尝试写写博客，希望对大家有帮助。

郁子IKUKO·2024-01-06 18:10

vue3 element-plus默认组件修改为中文

背景：Element-plus默认使用英文组件环境：Vue：3.2.31Element-Plus：2.0.3TypeScript：4.4.3Vite：2.8.1两种修改方法：1.全局修改在main.ts

chocolate_nan·2024-01-06 18:37

mars3d将矢量数据保存为kml

在3d场景的应用中经常需要将矢量数据保存为kml格式，下面来看一下如何实现首先安装kml-geojson这个库：npmikml-geojson-S代码如下：（说明：如果是vite项目，还需要将kml-geojson

mianmian0103·2024-01-06 10:43

vite中配置服务代理

前言在vite中配置服务代理和webpack中大差不差,不过有些写法会有些不同具体配置:配置Vite{#configuring-vite}|Vite中文网这里我写了一个demo,如下所示开启node服务我用

青阳流月·2024-01-06 08:50

推荐频道

Vite