Sass Error有问题我在Next Js上做了一个项目，当部署Vercel时，控制台返回这个错误。

Failed to compile.
./styles/app.scss.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[3].oneOf[9].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[3].oneOf[9].use[2]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[3].oneOf[9].use[3]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[3].oneOf[9].use[4]!./styles/app.scss
SassError: Can't find stylesheet to import.
   ╷
14 │ @import "pages/Haveproject.module.scss";
   │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  styles/app.scss 14:9  root stylesheet
Import trace for requested module:
./styles/app.scss
./pages/_app.js
./styles/app.scss

但是我导入了app.scss中的SCSS文件
我的文件夹结构

我的app.js

import "../styles/globals.scss";
import "../styles/app.scss";

我的app.scss

@import "./abstracts/variables.scss";
@import "./abstracts/mixins.scss";

@import "./components/Header.module.scss";
@import "./components/Footer.module.scss";
@import "./pages/Home.module.scss";
@import "./pages/Haveproject.module.scss";

我试图改变没有点，但它没有工作。就像这样

@import "pages/Haveproject.module.scss";

我不知道我错在哪里。谢谢你