SassError: Undefined function Laravel Vue

Question

我正在尝试安装 Laravel Vue 项目的所有依赖项。

根据说明，它说我需要运行 npm run dev。现在当我运行我收到

> ERROR in ./resources/js/src/@core/scss/vue/libs/toastification.scss
> (./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/src??ref--7-2!./node_modules/sass-loader/dist/cjs.js??ref--7-3!./node_modules/sass-loader/dist/cjs.js??ref--11-0!./resources/js/src/@core/scss/vue/libs/toastification.scss)
> Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
> SassError: Undefined function.    ╷ 63 │       margin-left:
> -(math.div($vt-toast-max-width, 2));    │                      ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^    ╵  
> node_modules/vue-toastification/src/scss/_toastContainer.scss 63:22 
> @import   resources/js/src/@core/scss/vue/libs/toastification.scss
> 25:9        root stylesheet  @
> ./resources/js/src/@core/scss/vue/libs/toastification.scss 2:14-314  @
> ./resources/js/src/libs/toastification.js  @
> ./resources/js/src/main.js  @ ./resources/js/app.js  @ multi
> ./resources/js/app.js ./resources/scss/app.scss

我已经搜索解决这个问题，有些人建议在 package-lock.json 文件中有 sass 依赖项，我需要在其中提供 resolved link它。但是当我检查我的 sass 包裹时，我发现了这个 -

"sass": {
    "version": "1.32.13",
    "resolved": "https://registry.npmjs.org/sass/-/sass-1.32.13.tgz",
    "integrity": "sha512-dEgI9nShraqP7cXQH+lEXVf73WOPCse0QlFzSD8k+1TcOxCMwVXfQlr0jtoluZysQOyJGnfr21dLvYKDJq8HkA==",
    "dev": true,
    "requires": {
        "chokidar": ">=3.0.0 <4.0.0"
    },

现在我不知道去哪里寻找以及如何解决这个问题！有什么想法吗？？？

Answer 1

尝试删除 toastification.scss 中的所有内容，如果成功，那么你只是遇到了语法错误

SassError: Undefined function Laravel Vue

SassError: Undefined function Laravel Vue

laravel

vue.js

sass

compass-sass