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 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" },

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

VSCode config trim trailing space when saving file

如果有用開source control, 做code view 或 compare files 時 whitespace / Tab 會造成一些不必要既麻煩 很多IDE 都有一些設定或 plugin 可以在你儲存檔案時除去尾隨空格 在Visual Studio Code 有一些很好用的 settings 大家可在Settings 上搜尋 “files.trimTrailingWhitespace“ 之後便可以啟用這個設定 Hope you find it useful

Linux updated folder and subfolder’s ownership

只要把這個folder的ownership 轉為 www-data 便可 我們可以使用 sudo chown user:usergroup folder/* 今日發現自從把wordpress 轉了用docker host 之後便不能 upload file 原因是我把之wordpress site 的檔案從 FTP upload 到新server 的 uploads folder 的ownership 是我FTP 的user名 而不是 run wordpress 的www-data 解決放法 sudo chown www-data:www-data uploads/* Hope you find it useful