iT邦幫忙

1

vite專案如何支援IE11

  • 分享至 

  • xImage

大家好,
想請問vite、vue3的專案,打包後
架到apache伺服器上時,chrome瀏覽器可以開啟,
但是IE11開啟時,會是空白頁!

vite是說,它不支援IE11的瀏覽器。
於是我安裝了@vitejs/plugin-legacy的套件,
但是沒有作用.........why
/images/emoticon/emoticon46.gif
以下是我的package.json跟vite.config.js配置

//package.json
{
  "name": "XX",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "dependencies": {
    "axios": "^0.22.0",
    "chart.js": "^3.6.0",
    "chartjs-plugin-datalabels": "^2.0.0-rc.1",
    "v-calendar": "^3.0.0-alpha.6",
    "@vitejs/plugin-legacy":"^1.6.4", //安裝這個
    "vue": "^3.2.13",
    "vue-i18n": "^9.2.0-beta.11",
    "vue-router": "^4.0.11",
    "vue3-carousel": "^0.1.27",
    "vue3-click-away": "^1.2.1",
    "vuex": "^4.0.2"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.9.0",
    "autoprefixer": "^10.3.6",
    "postcss": "^8.3.8",
    "tailwindcss": "^2.2.16",
    "vite": "^2.5.10"
  }
}
//vite.config.js
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import legacy from '@vitejs/plugin-legacy'

export default defineConfig({
  plugins: [
    vue(),
    // 這裡
    legacy({
      targets: ['ie >= 11'],
      additionalLegacyPolyfills: ['regenerator-runtime/runtime']
      })
  ],
  base: "./",
  build:{
    chunkSizeWarningLimit:1500
  }
})

是哪裡配置錯了嗎?
還是有其他的方法可以讓vite支援IE11呢?感謝

看更多先前的討論...收起先前的討論...
froce iT邦大師 1 級 ‧ 2021-12-28 12:01:25 檢舉
vue3不支援ie,請用2
https://segmentfault.com/a/1190000039769749

vite做點功夫還是有可能可以在ie上開發其他支援的專案,但vue3真的沒辦法。
https://blog.csdn.net/qq_42049445/article/details/109400801
IE其實已經可以不需要支援了。
畢竟就連微軟也自已放棄了。
微軟放棄了,但是政府銀行還在撐啊,政府銀行不願意也沒辦法
只要有人不放棄,就會一堆人問什麼框架在IE 為啥不行,天知道為啥不行咧
froce iT邦大師 1 級 ‧ 2021-12-28 13:54:45 檢舉
> 只要有人不放棄,就會一堆人問什麼框架在IE 為啥不行,天知道為啥不行咧

開發者要知道啊。自己的工具能不能用在什麼地方,本來就是開發人員該有的本職學能。
而且專案開始前選定工具的時候就得決定了。
天黑 iT邦研究生 5 級 ‧ 2021-12-28 14:57:08 檢舉
空白頁應該一樣可以開偵錯模式確認錯誤的部分在哪裡,不過沒看到這部分資訊提供... google 發現 vue3 也不支援阿....
https://www.gushiciku.cn/pl/gVc4/zh-tw
Homura iT邦高手 1 級 ‧ 2021-12-28 15:13:49 檢舉
快點離職了(X
銀行的一般就是不更新新框架了。
要用新框架就是要求不支援IE了。
就一開始說清楚就行了。
greenriver iT邦研究生 4 級 ‧ 2021-12-28 22:08:52 檢舉
謝謝大家XD
是我沒注意到 就直接用新的框架
加上公司剛轉型成前後端分離
沒有人懂前端....(唯一的前端的Me)
還好今天討論過 IE不能用 暫時沒問題
不然就要重做vue2了..
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答