Laravel 混合，安裝 tempusdominus-bs4 后無法`npm run dev`

Question

我在我的 Laravel 應用程序中安裝tempusdominus-bs4時遇到問題。 我已按照以下步驟操作：

1. 安裝 Moment JS 與npm install moment --save
2. 使用npm install tempusdominus-bs4 --save
3. 通過添加以下行修改了app.js文件：

window.moment = require('moment');
window.datetimepicker = 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但沒有任何效果。

您對我如何解決錯誤有什么建議嗎？

Answer 1

我已經設法通過在app.scss文件中使用以下導入來修復錯誤

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

我只需要從字符串中刪除-build 。