【问题标题】:Laravel mix, cannot `npm run dev` after installing tempusdominus-bs4Laravel mix,安装 tempusdominus-bs4 后无法“npm run dev”
【发布时间】:2021-07-22 02:20:28
【问题描述】:

我在我的 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.datetimepicker = require('tempusdominus-bootstrap-4');
  1. 通过添加以下行来修改 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,但没有任何效果。

你有什么建议可以解决这个错误吗?

【问题讨论】:

    标签: bootstrap-4 laravel-8 laravel-mix tempus-dominus-datetimepicker


    【解决方案1】:

    我已经设法通过在 app.scss 文件中使用以下导入来修复错误

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

    我只需要从字符串中删除-build

    【讨论】:

      猜你喜欢
      • 2021-07-27
      • 2021-04-11
      • 2017-09-22
      • 1970-01-01
      • 2020-01-21
      • 1970-01-01
      • 2021-10-13
      • 2021-12-29
      • 2021-10-01
      相关资源
      最近更新 更多