柴魚筆記

程式・軟體・攝影

Webpack設定多個entry及output

預設的Webpack使用單一entry及output,若需要多個entry及output可以在webpack.config.js中加入一個函式取得目錄內的所有檔案,將所有檔案加入至entry中。

Vue3錯誤訊息 Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

從原本用CDN載入Vue,轉換為用npm載入並用webpack打包的過程中發生了錯誤,原因與Vue的使用環境有關。

Vue3錯誤訊息 Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".

從原本用CDN載入Vue,轉換為用npm載入並用webpack打包的過程中發生了錯誤,原因與Vue的使用環境有關。

ASP.NET Core使用Middleware進行例外處理

當API被呼叫且發生例外時,不太會希望預設的錯誤訊息被傳回給使用者,在C#中可以使用try catch攔截錯誤訊息。但在每個可能會發生錯誤的地方都加上try catch相當繁瑣,使用Middleware可以捕捉錯誤訊息,並在返回給使用者之前統一處理,不僅可以節省開發時間,還能將錯誤訊息攔截,避免洩漏過多內部訊息給使用者,提高安全性。

比較JavaScript中assign與replace的差異

比較JavaScript中assign與replace的差異

Docker buildx

Synology的NAS可以安裝docker套件,下載映像檔使用。使用官方的映像檔可以正常執行,但使用自己製作的映像檔卻跳出了錯誤訊息standard_init_linux.go:230: exec user process caused: exec format error,搜尋過後發現與編譯平台有關,使用buildx將映像檔編譯為目標平台可以使用的映像檔便可以有效解決這個問題。

交換學生申請紀錄

申請交換前須先確認室蘭的行事曆(学年暦),通常是4月1日或10月1日開始,接著需決定要去多久,以便填寫以下表單

使用QUASAR在表單送出時滾動到錯誤欄位

表單submit時會希望能讓頁面自動滾動到元素位置,使用q-form的validation-error事件搭配滾動來達成此效果