"Hmm? Sollen wir es hier sehen?"
Es war mir peinlich, süchtig zu werden, ohne es zu merken, und ich machte ein Memorandum.
Es gibt viele Informationen über npm und Garn, also gehen Sie bitte dorthin.
:application.html.erb
<%= stylesheet_pack_tag 'application' %>
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
Da dies der Fall ist, sind sowohl js als auch css Build-Ziele.
app/
└ javascript/
└ packs/
| └ application.js
└ stylesheets/
└ application.css
└ custom.min.css
application.js
~~Kürzung~~
import "../stylesheets/application";
application.css
@import "~bootstrap/scss/bootstrap";
@import "./custom.min";
Hmmmm.
$ bin/webpack
~~Kürzung~~
ERROR in ./app/javascript/stylesheets/application.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/src/index.js):
Error: Failed to find '~bootstrap/scss/bootstrap'
~~Kürzung~~
Ich habe die Dateistruktur einschließlich dieses Bereichs überprüft, aber es gab kein Problem.
Ich habe den Fehler erneut überprüft. .. ..
ERROR in ./app/javascript/stylesheets/application.css
application.css!!
$ mv app/javascript/stylesheets/application.css app/javascript/stylesheets/application.scss
$ bin/webpack
Erfolgreicher Build. Tohoho. ..
Achten Sie auf Erweiterungen.
Recommended Posts