Bootstrap 4 Laravel mix,安装tempusdominus-bs4后无法“npm运行开发”

Bootstrap 4 Laravel mix,安装tempusdominus-bs4后无法“npm运行开发”,bootstrap-4,laravel-8,laravel-mix,tempus-dominus-datetimepicker,Bootstrap 4,Laravel 8,Laravel Mix,Tempus Dominus Datetimepicker,在我的Laravel应用程序中安装tempusdominus-bs4时遇到问题。我遵循了以下步骤: 安装时刻JS与npm安装时刻-保存 使用npm安装Tempus Dominus-bs4——保存 通过添加以下行修改了app.js文件: 通过添加以下行,Mofidied了app.scss文件: @import'~tempudominus-bootstrap-4/src/sass/tempudominus-bootstrap-4-build' 完成所有这些操作后,我运行npm run dev,出现以

在我的Laravel应用程序中安装tempusdominus-bs4时遇到问题。我遵循了以下步骤:

  • 安装时刻JS与npm安装时刻-保存
  • 使用npm安装Tempus Dominus-bs4——保存
  • 通过添加以下行修改了
    app.js
    文件:
  • 通过添加以下行,Mofidied了
    app.scss
    文件:
    @import'~tempudominus-bootstrap-4/src/sass/tempudominus-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\u包
    文件夹中。我也尝试过运行
    npmci
    ,但没有任何效果


    您对如何修复该错误有什么建议吗?

    我仅通过在
    app.scss
    文件中使用以下导入就成功修复了该错误

    @import '~tempusdominus-bootstrap-4/src/sass/tempusdominus-bootstrap-4';
    
    我只需要从字符串中删除
    -build

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