Solved Problem - 從不停下來的學習

Webpack loaderUtils.parseQuery()問題

在執行nuxt build的時候常常出現以下警告 $ (node:495) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56 連網址也有就去看看https://github.com/webpack/loader-utils/issues/56 似乎是Webpack loader上remove了parseQuery問題引起了錯誤要在webpack.config.js中加入process.traceDeprecation = true才能防些此問題出現。但是在NuxtJS中沒有webpack.config.js要加在那？答案就是看起來名字很像的nuxt.config.js 解決方法 process.traceDeprecation = true process.noDeprecation = true

NuxtJS

NuxtJS + Socket.io + https

我希望在NuxtJS中以Socket.io為傳送資料的方式，不過功力有限連Socket.io都沒搞定。發現NuxtJS官方其實有實例是在https中運作。不過事情當然沒這麼簡單，官方上沒有什麼說明，我也只好當成NuxtJS一樣安裝。 $ npm install nodemon 這個例子用了nodemon作管理，我也直接照用好了先安裝一下 $ npm run dev 啟動看一下 Socket.io不能通過https，瀏覽器會就說Mixed Content，就是https的頁面要取資料一定要經https才安全。解決方法想到解決的方法有兩個把Socket.io變成https 令到Socket.io不用https也能通過經過一輪測試才找到方法因為NuxtJS官方版本是用https的，我曾在nuxt.config.js內更改很多東西也不成，最後發現要修改如下 env: { HOST_URL: process.env.HOST_URL || 'https://www.256pages.com' } 沒錯！就是把http://localhost直接換成你的https+domain

NuxtJS

NuxtJS 100% CPU

CPU直升100% 開發時不知是什麼原故，伺服器CPU一直衝到100%以上用htop查看一下就發現是我的Vue搞出來的，而且伺服器供應商不繼向我發出警告Email！解決方法然後在GitHub找到了應該是解決方法，似乎是Webpack跟Nodejs的問題。就是將整個node_modules移除再安裝！好吧... $ sudo rm -rf node_modules $ npm install 重新安裝node_modules後，CPU Loading似乎回復正常了