Vite3 Svelte3構(gòu)建Web應(yīng)用報(bào)錯(cuò)process is not defined
正文
Vite爬坑日記： 在使用 Vite3 + Svelte3 構(gòu)建 Web 應(yīng)用時(shí)，控制臺(tái)報(bào)錯(cuò)：process is not defined。
Vite
問題原因
在 Vite 中 process.env 全局環(huán)境變量被移除了，相當(dāng)于 process.env = null，如果項(xiàng)目中有依賴 process.env 這個(gè)對(duì)象，并進(jìn)行了 get/set 操作時(shí)就會(huì)出現(xiàn)報(bào)錯(cuò)。
解決辦法
- 在
vite.config.js配置文件中增加define: { "process.env": {} }
import { defineConfig, loadEnv } from "vite";
import { svelte } from "@sveltejs/vite-plugin-svelte";
import sveltePreprocess from "svelte-preprocess";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [
svelte({
preprocess: sveltePreprocess(),
}),
],
define: {
"process.env": {}
}
})PS： 這里涉及到 Vite3 配置 / 共享選項(xiàng) 中的 define 變量。官網(wǎng)地址
define類型： Record<string, string>
定義全局常量替換方式。其中每項(xiàng)在開發(fā)環(huán)境下會(huì)被定義在全局，而在構(gòu)建時(shí)被靜態(tài)替換。
以上就是Vite3 Svelte3構(gòu)建Web應(yīng)用報(bào)錯(cuò)process is not defined的詳細(xì)內(nèi)容，更多關(guān)于Vite3 Svelte3構(gòu)建Web報(bào)錯(cuò)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
vue實(shí)現(xiàn)組件跟隨鼠標(biāo)位置彈出效果(示例代碼)
這篇文章主要介紹了vue中實(shí)現(xiàn)組件跟隨鼠標(biāo)位置彈出效果,本文通過圖文示例代碼相結(jié)合給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-02-02
node.js開發(fā)輔助工具nodemon安裝與配置詳解
node.js代碼修改后，需要重新啟動(dòng) Express 應(yīng)用，所做的修改才能生效。若之后的每次代碼修改都要重復(fù)這樣的操作，勢(shì)必會(huì)影響開發(fā)效率，本文將詳細(xì)介紹Nodemon，它會(huì)監(jiān)測項(xiàng)目中的所有文件，一旦發(fā)現(xiàn)文件有改動(dòng)，Nodemon 會(huì)自動(dòng)重啟應(yīng)用2020-02-02
淺談在Vue.js中如何實(shí)現(xiàn)時(shí)間轉(zhuǎn)換指令
這篇文章主要介紹了淺談在Vue.js中如何實(shí)現(xiàn)時(shí)間轉(zhuǎn)換指令，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
對(duì)于vue來說，組件之間的消息傳遞是非常重要的，用vue可以是要組件復(fù)用的，而組件實(shí)例的作用域是相互獨(dú)立，這意味著不同組件之間的數(shù)據(jù)無法互相引用，一般來說，組件之間可以有幾種關(guān)系，下面是我對(duì)組件之間消息傳遞的常用方式的總結(jié)2022-12-12
在vant中使用時(shí)間選擇器和popup彈出層的操作
這篇文章主要介紹了在vant中使用時(shí)間選擇器和popup彈出層的操作，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-11-11
uni-app提供了異步(uni.getSystemInfo)和同步(uni.getSystemInfoSync)的2個(gè)API獲取系統(tǒng)信息，系統(tǒng)信息返回的內(nèi)容非常多，各操作系統(tǒng)、各家小程序、各瀏覽器對(duì)它們的定義也不相同2022-11-11
文章主要介紹了使用UniApp+Vue3進(jìn)行跨平臺(tái)應(yīng)用開發(fā)的優(yōu)勢(shì),包括性能提升、開發(fā)體驗(yàn)優(yōu)化、多端適配能力以及官方支持和生態(tài)完善,通過示例代碼展示了如何利用該組合進(jìn)行高效開發(fā),感興趣的朋友跟隨小編一起看看吧2026-04-04
有不少的前端需求都需要使用到富文本編輯器,所以這篇文章主要來和大家介紹一下如何在Vue3項(xiàng)目中使用富文本編輯器,感興趣的可以了解下2024-04-04
vue+vant實(shí)現(xiàn)購物車全選和反選功能
這篇文章主要為大家詳細(xì)介紹了vue+vant實(shí)現(xiàn)購物車全選和反選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
在Uniapp中使用web-view組件來加載H5頁面時(shí),對(duì)于后退鍵的處理是一個(gè)常見需求,下面這篇文章主要給大家介紹了關(guān)于Uniapp中WebView的使用與后退鍵處理的相關(guān)資料,需要的朋友可以參考下2024-07-07