1. 安装sass-loader依赖失败

从报错信息中可以看出是和webpack产生了冲突。

在vue CLI官方文档中其实有对这点做出说明（cli.vuejs.org/guide/css.h…

也就是说vue CLI4默认使用的是wepack4，而其他loaders可能会和它产生冲突，需要用旧版本。

不过注意：直接复制粘贴文档中的npm....那条命令可能会出现如下提示： zsh: no matches found: sass-loader@^10 这里no matches found说明zsh认为我们这里的sass这些部分是通配符，为了避免让它这样认为，我们需要把sass这部分变成字面量，也就是加上引号（单双引号都可以），所以我们需要在terminal中输入的是：

npm install -D 'sass-loader@^10 sass'

2.export ‘default’ (imported as ‘Vue’) was not found in ‘vue

这个错误主要是vue版本原因

旧版

import Vue from "vue";
import App from './App.vue';
new Vue({
  render: h => h(App)
}).$mount("#app");

新版

import {createApp} from 'vue';
import App from './App.vue'

createApp(App).mount('#app')`

3. 配置文件devserver的before属性

认真读一下错误可以看出，它是提示没有before这个属性。

根据vuejs的官方文档，devServer这里webpack的配置项都可以用。

然后去看看webpack这方面的配置，发现并没有before。根据资料，webpack3是有before的，但是4之后被替换成了

我这里把代码替换后，这个错误就没有了。

onBeforeSetupMiddleware (app) { // app是express的一个实例
  registerRouter(app.app)
},

// webpack3
bofore(app){
  registerRouter(app.app)
}

4. error Unexpected 'debugger' statement no-debugger

输入debugger后vue报出以上错误时，找到eslint配置，添加如下配置即可：

"no-debugger" : "off"