欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

關(guān)于vite.config.ts文件的配置方式

 更新時(shí)間:2022年08月24日 09:32:30   作者:呀呀音  
這篇文章主要介紹了關(guān)于vite.config.ts文件的配置方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

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)境開發(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è)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • vscode中的vue項(xiàng)目報(bào)錯(cuò)Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)

    vscode中的vue項(xiàng)目報(bào)錯(cuò)Property ‘xxx‘ does not exist on type ‘Combin

    這篇文章主要介紹了vscode中的vue項(xiàng)目報(bào)錯(cuò)Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-09-09
  • 淺談vue在html中出現(xiàn){{}}的原因及解決方式

    淺談vue在html中出現(xiàn){{}}的原因及解決方式

    這篇文章主要介紹了淺談vue在html中出現(xiàn){{}}的原因及解決方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-11-11
  • vue使用Office?Web實(shí)現(xiàn)線上文件預(yù)覽

    vue使用Office?Web實(shí)現(xiàn)線上文件預(yù)覽

    這篇文章主要為大家介紹了vue使用微軟的開發(fā)接口Office?Web,實(shí)現(xiàn)線上文件預(yù)覽,預(yù)覽word,excel,pptx,pdf文件,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-07-07
  • Vue使用Three.js創(chuàng)建交互式3D場(chǎng)景的全過(guò)程

    Vue使用Three.js創(chuàng)建交互式3D場(chǎng)景的全過(guò)程

    在現(xiàn)代Web開發(fā)中,通過(guò)在頁(yè)面中嵌入3D場(chǎng)景,可以為用戶提供更加豐富和交互性的體驗(yàn),Three.js是一款強(qiáng)大的3D JavaScript庫(kù),它簡(jiǎn)化了在瀏覽器中創(chuàng)建復(fù)雜3D場(chǎng)景的過(guò)程,本文將介紹如何在Vue中使用Three.js,創(chuàng)建一個(gè)簡(jiǎn)單的交互式3D場(chǎng)景,需要的朋友可以參考下
    2023-11-11
  • vue實(shí)現(xiàn)動(dòng)態(tài)監(jiān)測(cè)元素高度

    vue實(shí)現(xiàn)動(dòng)態(tài)監(jiān)測(cè)元素高度

    這篇文章主要介紹了vue實(shí)現(xiàn)動(dòng)態(tài)監(jiān)測(cè)元素高度方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Vue分頁(yè)查詢?cè)趺磳?shí)現(xiàn)

    Vue分頁(yè)查詢?cè)趺磳?shí)現(xiàn)

    這篇文章主要介紹了Vue分頁(yè)查詢?cè)趺磳?shí)現(xiàn),使用vue實(shí)現(xiàn)分頁(yè)的邏輯并不復(fù)雜,接收后端傳輸過(guò)來(lái)的數(shù)據(jù),然后根據(jù)數(shù)據(jù)的總數(shù)和每一頁(yè)的數(shù)據(jù)量就可以計(jì)算出一共可以分成幾頁(yè)
    2023-04-04
  • vue實(shí)現(xiàn)二級(jí)導(dǎo)航欄效果

    vue實(shí)現(xiàn)二級(jí)導(dǎo)航欄效果

    這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)二級(jí)導(dǎo)航欄效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2019-10-10
  • 關(guān)于Vue的路由權(quán)限管理的示例代碼

    關(guān)于Vue的路由權(quán)限管理的示例代碼

    本篇文章主要介紹了關(guān)于Vue的路由權(quán)限管理的示例代碼,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-03-03
  • VUE PC端可拖動(dòng)懸浮按鈕的實(shí)現(xiàn)代碼

    VUE PC端可拖動(dòng)懸浮按鈕的實(shí)現(xiàn)代碼

    這篇文章主要介紹了VUE PC端可拖動(dòng)懸浮按鈕的實(shí)現(xiàn)代碼,通過(guò)實(shí)例代碼介紹了父頁(yè)面引用的方法,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2024-02-02
  • 在vue3項(xiàng)目中實(shí)現(xiàn)國(guó)際化的代碼示例

    在vue3項(xiàng)目中實(shí)現(xiàn)國(guó)際化的代碼示例

    國(guó)際化就是指在一個(gè)項(xiàng)目中,項(xiàng)目中的語(yǔ)言可以進(jìn)行切換(中英文切換),那么在實(shí)際項(xiàng)目中是如何實(shí)現(xiàn)的呢,本文就給大家詳細(xì)的介紹實(shí)現(xiàn)方法,需要的朋友可以參考下
    2023-07-07

最新評(píng)論