cannot read property 'render' of undefined

首先查看配置文件，在webpack.config.server.js中入口配置错误：
1 在服务端webpack配置中入口文件写错为entry: path.join(__dirname, ‘…/client/client-entry.js’)

应该为entry: path.join(__dirname, ‘…/client/server-entry.js’)
2. 报错： Request failed with status code 404 没有找到该资源

位置：

try {
        clientManifestResp =await axios.get("http://localhost:8000/vue-ssr-client-manifest.json")
    } catch (error) {
        console.log('aaaaa',error)
    }

配置文件中资源开放在/public/下，所以资源访问url应为：

http://localhost:8000/public/vue-ssr-client-manifest.json

3 Error: vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

服务端配置文件中缺少vue-loader插件,配置vue-loader插件

const VueLoaderPlugin = require('vue-loader/lib/plugin');

const plugins = [
    new VueLoaderPlugin(),
]

4 TypeError: Cannot assign to read only property ‘exports’ of object ‘#Object’

报错原因： 新webpack不允许 import 和 module.exports 共存

import createApp from './create-app'

module.exports = () => {}

改为

import createApp from './create-app'

export default () => {}

5 ReferenceError: document is not defined

服务端渲染打包的配置中使用了mini-css-extract-plugin，导致server bundle中会使用到document，node环境中不存在window对象，所以报错。

解决方法：在服务端配置中不使用mini-css-extract-plugin，改为：

{
                test: /\.styl(us)?$/,
                use: [
                    'vue-style-loader',
                    {
                        loader: 'css-loader',
                        options: {
                            // modules: true, // 启用css模块
                            // localIdentName: '[path]-[name]-[hash:base64:5]', // 将css文件以指定文件名输出
                            camelCase: true
                        }
                    },
                    {
                        loader: 'postcss-loader',
                        options: {sourceMap: true}
                    },
                    'stylus-loader',
                ]
            }

为什么会注释上方配置?

在渲染后的页面查看源码，使用module模式的css文件中，其中类名会被编译为一段哈希值。但在打包的css文件中的类名仍为为编译的类名，导致二者无法匹配，最终样式无法正常显示。
6 express解决请求/favicon.ico资源失败:使用serve-favicon

const favicon = require('serve-favicon')

app.use(favicon(path.join(__dirname, '../favicon.ico'))) //favicon.icon文件的路径

7 在依赖文件中，vue-meta版本为2.1.0

TypeError: Cannot set property console of #