找不到或无法读取要导入的文件：在 ruby​​ on rails 项目中使用 tailwind 框架的 bootstrap-datetimepicker

Posted 2023-03-07

【中文标题】找不到或无法读取要导入的文件：在 ruby​​ on rails 项目中使用 tailwind 框架的 bootstrap-datetimepicker

【英文标题】：File to import not found or unreadable: bootstrap-datetimepicker using tailwind framework in ruby on rails project

【发布时间】：2020-01-13 12:47:36

【问题描述】：

我在我的 rails 项目中使用 bootstrap3-datetimepicker-rails rails gem 作为 datetimepicker。我集成了我的项目以使用 tailwind css，现在我在尝试运行应用程序时遇到“要导入的文件未找到或不可读：bootstrap-datetimepicker”错误。 后续步骤：

Gem file:
gem 'momentjs-rails', '>= 2.9.0'
gem 'bootstrap3-datetimepicker-rails', '~> 4.17.47'

application.js

//= require moment
//= require bootstrap-datetimepicker

application.scss

@import 'bootstrap-datetimepicker';

Error :

index.js:24 Uncaught Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

@import "bootstrap-datetimepicker";
^
      File to import not found or unreadable: bootstrap-datetimepicker.
      in C:\Users\ES0074223\RubyOnRails\firefly\app\javascript\stylesheets\application.scss (line 41, column 1)
    at Object../node_modules/css-loader/dist/cjs.js?!./node_modules/postcss-loader/src/index.js?!./node_modules/sass-loader/dist/cjs.js?!./app/javascript/stylesheets/application.scss (index.js:24)
    at __webpack_require__ (bootstrap:19)
    at Object../app/javascript/stylesheets/application.scss (application.scss:2)
    at __webpack_require__ (bootstrap:19)
    at Module../app/javascript/packs/application.js (application.js:6)
    at __webpack_require__ (bootstrap:19)
    at bootstrap:83
    at bootstrap:83

感谢任何帮助！

【参考方案1】：

您正在尝试通过资产管道和使用 sprocket cmets 语法加载资产，但是在使用 webpack 时，即使这是可能的，最简单的方法是直接使用 yarn 安装您的依赖项。

像这样添加：

yarn add bootstrap-datetimepicker
yarn add bootstrap

为此，您还必须设置 less-loader，因为 bootstrap-datetimepicker 使用较少的文件并单独添加引导程序。

设置加载器后，您可以使用以下内容要求它们：

@import '~bootstrap/scss/bootstrap';
@import '~bootstrap-datetimepicker/src/less/bootstrap-datetimepicker

否则就使用更易于管理和安装的 Flatpickr。