本人也是刚接触vue,如有错误请指正,共同学习,共同进步,谢谢~
报错:


解决办法:
清理缓存:有时候缓存也会导致构建错误,可以尝试使用 "yarn cache clean" 命令清理 Yarn 缓存
然后再运行 "yarn install" 安装依赖。
降低node版本:14、16是感觉node近两年来比较稳定的大版本
# 查看版本
node -v
# 清除npm cache
npm cache clean -force
# 安装n模块,通过n模块来管理node版本
npm install -g n
# 不行就这样:npm install -g n -f
# 设置软连接
ln -fs /usr/local/src/node/node-v9.3.0-linux-x64/bin/n /usr/local/bin/n
# 升级新版本(稳定版 stable ,最新版 latest ,指定版本号vx.x.x)
n latest
# 安装当前稳定版本
n stable或者sudo n stable
# 安装最新版本的
n latest或者sudo n latest
# 安装指定版本的node
n vx.x.x
# 卸载指定的node版本
n rm vx.x.x


<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<!-- 针对IE浏览器的特殊配置,含义是让IE浏览器以最⾼渲染级别渲染⻚⾯ -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 开启移动端的理想端⼝ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 配置⻚签图标 -->
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
<!-- 引⼊bootstrap样式 -->
<link rel="stylesheet" href="<%= BASE_URL %>css/bootstrap.css">
<!-- 配置⽹⻚标题
<title><%= htmlWebpackPlugin.options.title %></title> 删掉这一段-->
<title>⽹⻚标题</title>
<!-- 替换成这样 -->
</head>
<body>
<!-- 容器 -->
<div id="app"></div>
</body>
</html>