Ruby on rails 要导入的文件找不到或不可读:在ruby on rails项目中使用tailwind框架的引导datetimepicker
我在rails项目中使用bootstrap3 datetimepicker rails gem for datetimepicker。我集成了我的项目以使用tailwind css,现在我在尝试运行应用程序时遇到了“要导入的文件找不到或不可读:bootstrap 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
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即可