Ruby on rails 要导入的文件找不到或不可读:在ruby on rails项目中使用tailwind框架的引导datetimepicker

Ruby on rails 要导入的文件找不到或不可读:在ruby on rails项目中使用tailwind框架的引导datetimepicker,ruby-on-rails,bootstrap-datetimepicker,eonasdan-datetimepicker,tailwind-css,Ruby On Rails,Bootstrap Datetimepicker,Eonasdan Datetimepicker,Tailwind Css,我在rails项目中使用bootstrap3 datetimepicker rails gem for datetimepicker。我集成了我的项目以使用tailwind css,现在我在尝试运行应用程序时遇到了“要导入的文件找不到或不可读:bootstrap datetimepicker”错误。 以下步骤: Gem file: gem 'momentjs-rails', '>= 2.9.0' gem 'bootstrap3-datetimepicker-rails', '~> 4

我在rails项目中使用bootstrap3 datetimepicker rails gem for 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

感谢您的帮助

您正试图通过资产管道和sprocket comments语法加载资产,但在使用webpack时,尽管这是可能的,但最简单的方法是直接使用Thread安装依赖项

添加如下内容:

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

设置加载程序后,您可以要求他们执行以下操作:

@import '~bootstrap/scss/bootstrap';
@import '~bootstrap-datetimepicker/src/less/bootstrap-datetimepicker
否则,只需使用更易于管理和安装的FlatPicker即可