Laravel mix，安装 tempusdominus-bs4 后无法`npm run dev`

大佬教程收集整理的这篇文章主要介绍了Laravel mix，安装 tempusdominus-bs4 后无法`npm run dev`，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Laravel mix，安装 tempusdominus-bs4 后无法`npm run dev`？

我在 Laravel 应用程序中安装 tempusdominus-bs4 时遇到问题。我已按照以下步骤操作：

1. 使用 npm install moment --save 安装 Moment Js
2. 使用 npm install tempusdominus-bs4 --save 安装 Tempus Dominus
3. 通过添加以下行修改了 app.Js 文件：

window.moment = require('moment');
window.datetiR_246_11845@epicker = require('tempusdominus-bootstrap-4');

4. 通过添加以下行修改 app.sCSS 文件： @import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4-build';

做完所有这些后，我运行 npm run dev 并出现以下错误：

ERROR in ./resources/sass/app.sCSS
Module build Failed (from ./node_modules/mini-css-extract-plugin/dist/loader.Js):
ModuleBuildError: Module build Failed (from ./node_modules/sass-loader/dist/cJs.Js):
SassError: Can't find stylesheet to import.
  ╷
2 │ @import "../../node_modules/bootstrap/sCSS/_functions.sCSS";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4-build.sCSS 2:9  @import
  resources/sass/app.sCSS 23:9                                                              root stylesheet
    at processResult (/var/www/HTML/node_modules/webpack/lib/normalModule.Js:676:19)
    at /var/www/HTML/node_modules/webpack/lib/normalModule.Js:778:5
    at /var/www/HTML/node_modules/loader-runner/lib/LoaderRunner.Js:399:11
    at /var/www/HTML/node_modules/loader-runner/lib/LoaderRunner.Js:251:18
    at context.callBACk (/var/www/HTML/node_modules/loader-runner/lib/LoaderRunner.Js:124:13)
    at /var/www/HTML/node_modules/sass-loader/dist/index.Js:54:7
    at Function.call$2 (/var/www/HTML/node_modules/sass/sass.dart.Js:92571:16)
    at _render_closure1.call$2 (/var/www/HTML/node_modules/sass/sass.dart.Js:81074:12)
    at _RootZone.runBinary$3$3 (/var/www/HTML/node_modules/sass/sass.dart.Js:27256:18)
    at _FutureListener.handleError$1 (/var/www/HTML/node_modules/sass/sass.dart.Js:25812:19)

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors

我使用的是 bootstrap 4.6 版，所需的所有文件和文件夹都位于 node_package 文件夹中。我也试过运行 npm ci 但没有任何效果。

你对我如何修复错误有什么建议吗？

解决方法

@import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4';