SassError: Undefined function Laravel Vue
SassError: Undefined function Laravel Vue
我正在尝试安装 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"
},
现在我不知道去哪里寻找以及如何解决这个问题!
有什么想法吗???
尝试删除 toastification.scss 中的所有内容,如果成功,那么你只是遇到了语法错误
我正在尝试安装 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"
},
现在我不知道去哪里寻找以及如何解决这个问题! 有什么想法吗???
尝试删除 toastification.scss 中的所有内容,如果成功,那么你只是遇到了语法错误