vue 支援SEO搜尋 ---- Nuxt.js （一）

想簡單開發一個官網，并且支援SEO搜尋，在熟悉Vue的基礎上，Nuxt.js便是不二選擇了。

安裝，運作 create-nuxt-app

項目名稱 預設回車就好

我選擇的JavaScript

我選擇的yarn

是否選用UI架構

按空格鍵，選擇你要選擇的項

校驗

測試架構 ，預設回車

渲染方式 ，預設回車

部署目标 ，預設回車

開發工具，建議選擇第一個vs code

最後

To get started:

	cd nuxt-demo
	yarn dev

To build & start for production:

	cd nuxt-demo
	yarn build
	yarn start
           

其實到這裡已經可以正常運作了，但是如果我們用到scss的話，竟然會有如下報錯

原因便是 node-sass 與 sass-loader版本太高導緻的，重新下載下傳一下就OK了

node-sass 問題

解除安裝安裝包

//解除安裝安裝包
npm uninstall node-sass sass-loader  
           

注意：如果你将安裝的包作為 “devDependency”（也就是通過 --save-dev 參數儲存的），那麼 --save 無法将其從 package.json 檔案中删除。是以必須通過 --save-dev 參數可以将其解除安裝。

當然我更推薦直接删除node_modules檔案

下載下傳指定版本

package.json 最終樣子

"dependencies": {
    ...
    "node-sass": "^4.14.1",
    "sass-loader": "^10.0.2"
    ...
 }