报错解释：
这个错误表明你的项目中使用的sass-loader需要node-sass的版本至少为4，但是当前项目依赖中的node-sass版本低于4。sass-loader是一个Webpack的loader，它允许你在编译Sass/SCSS文件时使用Node.js。

解决方法：
你需要将项目中的node-sass更新到4版本或更高。可以通过以下步骤来更新：

打开终端（命令行）。
转到你的项目目录。
运行以下命令来更新node-sass：

npm uninstall node-sass
npm install node-sass@latest

或者，如果你使用yarn作为包管理器：

yarn remove node-sass
yarn add node-sass@latest

更新后，重新编译你的项目，这个错误应该就不会出现了。如果你的项目有特定的node-sass版本需求，请确保安装的版本与需求相匹配。

17:17
error in ./src/assets/css/element-variables.scss
报错信息 “error in ./src/assets/css/element-variables.scss” 表示在构建过程中，Webpack 无法正确处理名为 element-variables.scss 的文件。这通常发生在使用 Webpack 和相关的 loader（如 sass-loader 或者 css-loader）来构建项目时，文件中的内容不符合预期或者缺少必要的 loader 配置。

解决方法：

确认是否已安装了所需的 loader。对于 SCSS 文件，你至少需要安装 sass-loader 和 css-loader。可以使用 npm 或 yarn 来安装：

npm install sass-loader css-loader --save-dev

或者

yarn add sass-loader css-loader --dev

确保 Webpack 配置文件中正确配置了 loader。例如，在 webpack.config.js 文件中，你应该有类似下面的规则：

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.scss$/,
        use: [
          'style-loader',
          'css-loader',
          'sass-loader'
        ]
      },
      // ... 其他规则
    ]
  },
  // ...
};

确认 element-variables.scss 文件中的代码是否符合 SCSS 语法，并且没有使用未定义的变量或者函数。

如果你使用的是 Vue.js 或其他前端框架，确保 element-variables.scss 文件的引用路径是正确的，并且遵循了该框架的样式导入规则。

如果以上步骤都无法解决问题，可以尝试清空 Webpack 的缓存，或者删除 node_modules 目录和 package-lock.json 文件（如果使用 npm）或 yarn.lock 文件（如果使用 yarn），然后重新安装依赖。