Vite3 Svelte3構(gòu)建Web應(yīng)用報(bào)錯(cuò)process is not defined
更新時(shí)間：2023年06月14日 10:16:26 作者：天問
這篇文章主要介紹了Vite3 Svelte3構(gòu)建Web應(yīng)用報(bào)錯(cuò)：'process is not defined'解決方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
正文
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使用節(jié)流函數(shù)的踩坑實(shí)例指南
防抖和節(jié)流的目的都是為了減少不必要的計(jì)算，下面這篇文章主要給大家介紹了關(guān)于vue使用節(jié)流函數(shù)踩坑的相關(guān)資料,需要的朋友可以參考下2021-05-05
詳解基于mpvue微信小程序下載遠(yuǎn)程圖片到本地解決思路
這篇文章主要介紹了詳解基于mpvue微信小程序下載遠(yuǎn)程圖片到本地解決思路，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了幾分鐘弄懂Vuex的五大屬性和使用方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue3使用ref的性能警告問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
這篇文章主要介紹了Vue自定義名稱下載PDF,本文通過示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-08-08
這篇文章主要介紹了在Vant的基礎(chǔ)上封裝下拉日期控件的代碼示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
vue init webpack 項(xiàng)目初始化失敗問題
在使用Vue-cli搭建項(xiàng)目時(shí),可能會(huì)遇到依賴無法顯示版本號(hào)的問題,首先檢查環(huán)境變量配置是否正確,確保vue-init的安裝目錄被正確添加到path中,若問題仍未解決,嘗試卸載并重新安裝webpack,確保在正確的項(xiàng)目路徑下執(zhí)行npm install和npm run dev命令2024-09-09
這篇文章主要為大家詳細(xì)介紹了vue+js實(shí)現(xiàn)微信上傳圖片選擇功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
vue2.0+vue-dplayer實(shí)現(xiàn)hls播放的示例
這篇文章主要介紹了vue2.0+vue-dplayer實(shí)現(xiàn)hls播放的示例，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了通過vue如何設(shè)置header,每個(gè)項(xiàng)目都有頭部但是內(nèi)容不一樣;這種情況我們可以考慮在app.vue中創(chuàng)建公共頭部，那么怎么配置公共頭部header，下面小編通過實(shí)例代碼詳細(xì)講解，需要的朋友可以參考下2023-02-02