SassError:未定义的函数 Laravel Vue

SassError: Undefined function Laravel Vue

提问人:Istiak Mahmood 提问时间:10/21/2021 更新时间:10/21/2021 访问量:1046

问:

我正在尝试安装项目的所有依赖项。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

我已经搜索了解决这个问题,有些人建议在文件中有一些依赖项,我需要提供指向它的链接。但是当我检查我的 sass 包时,我发现这个 -package-lock.jsonsassresolved

"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"
    },

现在我不知道去哪里看,怎么解决这个问题! 有什么想法吗???

Laravel Vue.js sass 指南针-sass

评论

1赞 omar esmaeel 10/21/2021
尝试删除所有内容,如果它有效,那么你只有一个语法错误toastification.scss
0赞 Istiak Mahmood 10/21/2021
@omaresmaeel很棒。你能添加评论作为答案吗?
0赞 omar esmaeel 10/21/2021
很高兴它奏效了 ^_^

答:

1赞 omar esmaeel 10/21/2021 #1

尝试删除 toastification.scss 中的所有内容,如果它有效,那么您只是遇到语法错误