關(guān)于vite.config.ts文件的配置方式
vite.config.ts文件的配置
import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import path from 'path' // https://vitejs.dev/config/ export default defineConfig({ plugins: [vue()], // 注冊(cè)插件 server: { open: true }, resolve: { alias: { // 如果報(bào)錯(cuò)__dirname找不到,需要安裝node,執(zhí)行yarn add @types/node --save-dev "@": path.resolve(__dirname, "src"), "comps": path.resolve(__dirname, "src/components"), } } })
1、alias配置別名
如果報(bào)錯(cuò)__dirname找不到,需要安裝node,
執(zhí)行yarn add @types/node --save-dev
2、關(guān)于path的引入
不要再使用 let path = require(‘path’)
使用 import path from ‘path’ 進(jìn)行引入
vite項(xiàng)目在jenkins自動(dòng)打包報(bào)錯(cuò)
failed to load config from ../vite.config.js You installed esbuild on
vite項(xiàng)目在jenkins自動(dòng)打包報(bào)錯(cuò)找不到esbuild-linux-64
在window環(huán)境開(kāi)發(fā)用的找不到esbuild-windows-64,在linux環(huán)境構(gòu)建需要使用esbuild-linux-64,找不到esbuild-linux-64就會(huì)報(bào)錯(cuò)
實(shí)際報(bào)錯(cuò):
error during build:
11:21:11 Error:
11:21:11 You installed esbuild on another platform than the one you're currently using.
11:21:11 This won't work because esbuild is written with native code and needs to
11:21:11 install a platform-specific binary executable.
11:21:11
11:21:11 Specifically the "esbuild-windows-64" package is present but this platform
11:21:11 needs the "esbuild-linux-64" package instead. People often get into this
11:21:11 situation by installing esbuild on Windows or macOS and copying "node_modules"
11:21:11 into a Docker image that runs Linux, or by copying "node_modules" between
11:21:11 Windows and WSL environments.
報(bào)錯(cuò)原因: vite在linux環(huán)境打找不到esbuild-linux-64
2種解決方案
1、在linux環(huán)境下,打包前先 npm i esbuild-linux-64
2、在外網(wǎng)windows環(huán)境下運(yùn)行以下命令(可在版本號(hào)去package-lock.json中查看esbuild-linux-64版本號(hào)后自行修改下載)
curl -O https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.34.tgz
下載后解壓得到package文件夾,將其改名為esbuild-linux-64復(fù)制到當(dāng)前項(xiàng)目node_modules目錄下即可
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- vite+ts vite.config.ts使用path報(bào)錯(cuò)問(wèn)題及解決
- vite.config.ts配置之自動(dòng)導(dǎo)入element-puls方式
- vite.config.ts如何加載.env環(huán)境變量
- 解決vite.config.js無(wú)法使用__dirname的問(wèn)題
- vite.config.js或者vue.config.js配置方式
- vite項(xiàng)目vite.config.js詳細(xì)配置
- vue中vite.config.js配置跨域以及環(huán)境配置方式
- vite.config.ts與vite.config.js的區(qū)別小結(jié)
相關(guān)文章
vue.js項(xiàng)目 el-input 組件 監(jiān)聽(tīng)回車(chē)鍵實(shí)現(xiàn)搜索功能示例
今天小編就為大家分享一篇vue.js項(xiàng)目 el-input 組件 監(jiān)聽(tīng)回車(chē)鍵實(shí)現(xiàn)搜索功能示例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-08-08使用Vue.js創(chuàng)建一個(gè)時(shí)間跟蹤的單頁(yè)應(yīng)用
這篇文章主要介紹了使用Vue.js創(chuàng)建一個(gè)時(shí)間跟蹤的單頁(yè)應(yīng)用的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2016-11-11在Vue項(xiàng)目中引入Echarts繪制K線圖的方法技巧
在Vue項(xiàng)目開(kāi)發(fā)中,數(shù)據(jù)可視化是一項(xiàng)重要的任務(wù),Echarts是一個(gè)由百度開(kāi)源的數(shù)據(jù)可視化庫(kù),提供了豐富的圖表類型和強(qiáng)大的交互功能,其中,K線圖常用于展示金融數(shù)據(jù)的走勢(shì),本文將詳細(xì)介紹如何在Vue項(xiàng)目中引入Echarts并繪制K線圖,需要的朋友可以參考下2025-04-04Vue 微信端掃描二維碼蘋(píng)果端卻只能保存圖片問(wèn)題(解決方法)
這幾天在做項(xiàng)目時(shí)遇到微信掃描二維碼的然后進(jìn)入公眾號(hào)網(wǎng)頁(yè)巴拉巴拉的,然后就很順利的遇到了在安卓端掃碼的時(shí)候,順利的一塌糊涂,然后到了蘋(píng)果端的時(shí)候,就只能出現(xiàn)一個(gè)保存圖片,然后就寫(xiě)一下記錄一下這問(wèn)題的解決方法2020-01-01Element-plus使用中遇到的問(wèn)題小結(jié)
表格數(shù)據(jù)是websocket通信獲取的數(shù)據(jù),首次獲取20條數(shù)據(jù),以后新增訂閱獲取一條,新增一條則向上滑動(dòng)顯示最新數(shù)據(jù),本文給大家介紹Element-plus使用中遇到的問(wèn)題小結(jié),感興趣的朋友跟隨小編一起看看吧2024-04-04Vue手寫(xiě)dialog組件模態(tài)框過(guò)程詳解
這篇文章主要介紹了Vue手寫(xiě)dialog組件模態(tài)框過(guò)程,dialog組件為模態(tài)框,因此應(yīng)該是固定定位到頁(yè)面上面的,并且需要留一定的插槽來(lái)讓使用者自定義顯示內(nèi)容2023-02-02