vue 服務端渲染提示缺少模塊

正在學習怎樣使用vue的服務端渲染 跟著官網做的 但是我保存代碼的時候就報錯了 擔當缺少讀取文件的fs模塊 需要安裝 但是node不應該帶了這個模塊嗎 不知道是不是我的代碼寫的有問題 我是用vue-cli搭建的項目

這是package.json文件代碼
"dependencies": {

"vue": "^2.5.2",
"vue-router": "^3.0.1",
"vue-server-renderer": "^2.5.6"

}

這是main.js文件代碼
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

const renderer = require('vue-server-renderer').createRenderer()

/ eslint-disable no-new /
const app = new Vue({
el: '#app',
router,
template: '<div>hello SSR-renderer</div>',
components: { App }
})

renderer.renderToString(app, (err, html) => {
if (err) throw err
console.log(html)
})