小编Mr.*_*ode的帖子

在使用 Rails 7 时，我不明白为什么我的自定义 CSS 不起作用。

我使用 Bootstrap 标志构建了新的 Rails 应用程序，该应用程序运行良好（CSS 和 JS，使用 Bootstrap 模式进行了测试）。这些是我的默认配置文件：

应用程序.js

// Entry point for the build script in your package.json
import "@hotwired/turbo-rails"
import "./controllers"
import * as bootstrap from "bootstrap"

应用程序.bootstrap.scss

@import 'bootstrap/scss/bootstrap';

包.json

{
  "name": "app",
  "private": "true",
  "dependencies": {
    "@hotwired/stimulus": "^3.0.1",
    "@hotwired/turbo-rails": "^7.1.0",
    "@popperjs/core": "^2.11.2",
    "bootstrap": "^5.1.3",
    "esbuild": "^0.14.23",
    "jquery": "^3.6.0",
    "popper.js": "^1.16.1",
    "sass": "^1.49.9",
    "stimulus": "^3.0.1"
  },
  "scripts": {
    "build": "esbuild app/javascript/*.* --bundle --sourcemap --outdir=app/assets/builds",
    "build:css": "sass ./app/assets/stylesheets/application.bootstrap.scss ./app/assets/builds/application.css --no-source-map --load-path=node_modules" …