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

相關(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)搜索功能示例

    今天小編就為大家分享一篇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)用

    這篇文章主要介紹了使用Vue.js創(chuàng)建一個(gè)時(shí)間跟蹤的單頁(yè)應(yīng)用的相關(guān)資料,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2016-11-11
  • Vue項(xiàng)目安裝插件并保存

    Vue項(xiàng)目安裝插件并保存

    今天小編就為大家分享一篇關(guān)于Vue項(xiàng)目安裝插件并保存,小編覺(jué)得內(nèi)容挺不錯(cuò)的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來(lái)看看吧
    2019-01-01
  • 在Vue項(xiàng)目中引入Echarts繪制K線圖的方法技巧

    在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-04
  • Vue 微信端掃描二維碼蘋(píng)果端卻只能保存圖片問(wèn)題(解決方法)

    Vue 微信端掃描二維碼蘋(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-01
  • Element-plus使用中遇到的問(wèn)題小結(jié)

    Element-plus使用中遇到的問(wèn)題小結(jié)

    表格數(shù)據(jù)是websocket通信獲取的數(shù)據(jù),首次獲取20條數(shù)據(jù),以后新增訂閱獲取一條,新增一條則向上滑動(dòng)顯示最新數(shù)據(jù),本文給大家介紹Element-plus使用中遇到的問(wèn)題小結(jié),感興趣的朋友跟隨小編一起看看吧
    2024-04-04
  • Vue手寫(xiě)dialog組件模態(tài)框過(guò)程詳解

    Vue手寫(xiě)dialog組件模態(tài)框過(guò)程詳解

    這篇文章主要介紹了Vue手寫(xiě)dialog組件模態(tài)框過(guò)程,dialog組件為模態(tài)框,因此應(yīng)該是固定定位到頁(yè)面上面的,并且需要留一定的插槽來(lái)讓使用者自定義顯示內(nèi)容
    2023-02-02
  • Vue深入理解插槽slot的使用

    Vue深入理解插槽slot的使用

    最近被問(wèn)起是否了解vue的插槽(slot),咋一想發(fā)現(xiàn),似乎很少用到這玩意。所以整理了下slot的一些用法
    2022-08-08
  • 分分鐘玩轉(zhuǎn)Vue.js組件

    分分鐘玩轉(zhuǎn)Vue.js組件

    這篇文章教大家如何分分鐘玩轉(zhuǎn)Vue.js組件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-10-10
  • vue-upload上傳圖片詳細(xì)使用方法

    vue-upload上傳圖片詳細(xì)使用方法

    這篇文章主要介紹了使用vue-upload上傳圖片的詳細(xì)使用說(shuō)明,文中有相關(guān)的代碼示例供大家參考,感興趣的小伙伴一起跟著小編來(lái)學(xué)習(xí)吧
    2023-05-05

最新評(píng)論