Blog posts

Choco check if package already installed / outated

今日想檢查一下 電腦上用 Chocolatey 安裝的 NodeJs 有沒有 outdated 所以便想找個 Choco command 來看看 找到了以下一個 command 用 Chocolatey command 來輸出一個 List choco list -lo 之後用Powershell 來找出在這個 List 有那一個 record 包含某一些字 | Where-object { $_.ToLower().Contains("{text you interested}".ToLower()) } 解決方法 choco list -lo | Where-object { $_.ToLower().Contains("node".ToLower()) } 之後找到另一個更好的 command 就是直找出 outdated 的 package 解決方法 choco outdated | Where-object { $_.ToLower().Contains("node".ToLower()) } Hope you find it useful

Firebase ReactJs routing issue - Page not found

使用 firebase hosting 來 host reactjs 既時候 出現了以下問題 當我直接在 browser 輸入 ReactJs 的 route 既時候 出現了 Page Not Found This file does not exist and there was no index.html found in the current directory or 404.html in the root directory 解決方法: 我們只需要在 firebase.json 的 hosting section 加上 rewrites 到 index.html 便可以了 { "hosting": { "public": "build", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ] } } Hope you find it useful

How to get distinct values from an array of objects in JavaScript

今日有個 task 其中一個地方要在 Array of Json object 中 Distinct 一個 property const data = [ { id: 1, category: 'fruit', name: 'Apple', }, { id: 2, category: 'fruit', name: 'Banana', }, { id: 3, category: 'herb', name: 'Basil', }, { id: 4, category: 'herb', name: 'Rosemary', }, { id: 5, category: 'fruit', name: 'Dragon Fruit', }, ]; 解決方法: ES5 var categories = // try to retrieve specific property function(item) { return item.

How to set Environment Variable on NodeJS

###如何設定 NodeJs Environment Variable 解決方法: 可以直接在 command line 設定 set ENV_VARIABLE=9000 && npm start 可以在package.json 上設定 e.g. "scripts": { "start": "set PORT=9000 && yarn run swagger && nodemon --exec babel-node src/index.js",babel-node src/index.js", "test": "yarn jest --coverage", "lint": "eslint src", "swagger:edit": "swagger project edit", "swagger": "js-yaml ./api/swagger/swagger.yaml > ./src/swagger.json" },

Git undo local commit

久唔久就會大意地 Commit 錯野 發現以下這個 git command Git undo pushed commit and keep changes unstage 解決方法 git reset HEAD^

failed to extract shortcode: template for shortcode "alert" not found

Hugo Error failed to extract shortcode: template for shortcode "alert" not found 解決方法 git submodule update --init --recursive Test hugo server --watch

ESLint couldn’t find the plugin (when install dependencies using yarn)

今日嘗試用 command line (CLI) 執行 ESLint 時出現了以下的錯誤信息 # eslint command eslint ./src Error: Cannot find module 'eslint-config-airbnb' 仔細看他其實是在找**npm install** 的 module 的 folder “c:\user\chi\AppData\Roaming\npm\node_modules” 但我是用 yarn install的所以 是使用錯了folder **解決方法**十分簡單 我們只要使用 yarn 執行便可 yarn eslint ./src Hope you find it useful

Clear node-modules

我們可以使用以下指令到 clear Yarn / NPM 的 cache # yarn yarn cache clean # npm npm cache clean # remove node_modules folder rm -rf node_modules/ Hope you find it useful

Git Error Unlink of File failed. Should I try again?

久不久我使用的 Git 便會出現以下問題 “Unlink of file. ‘ file path and name’ failed. Should I try again? (y/n)“ 很多時候按了 “Y” 也是說 file locked … Should I try again? 解釋方法: 我們只需要執行 git gc command 便可 git gc Hope you find it useful

Update WordPress Inside Docker Container Required FTP Access

今日Update WordPress 既時候出現了 輸入FTP資料的畫面 To perform the requested action, WordPress needs to access your web server. Please enter your FTP credentials to proceed. If you do not remember your credentials, you should contact your web host. 原因是因為有些wordpress 的資料夾沒有 權限去access 解決方法 我們只需要把這個資料夾的ownership 設定和這個container一樣便可 e.g. sudo chown -R www-data:www-data wordpress Hope you find it useful