# How to run "yarn dev" in Sage theme?

**URL:** https://discourse.roots.io/t/how-to-run-yarn-dev-in-sage-theme/29226
**Category:** sage
**Tags:** windows, sage10
**Created:** 2025-02-07T07:01:05Z
**Posts:** 5

## Post 1 by @ChickenDev — 2025-02-07T07:01:05Z

I installed Bedrock and the latest Sage theme. When I ran the “Yarn Build” command, the CSS was translated, but when I ran “Yarn Dev”, there was nothing to change, not even born CSS folder in Public. Anyone who has ever had this error can help me?  
I am using Windows and Run Yarn on Ubuntu App

---

## Post 2 by @Tetrahedrax — 2025-02-07T10:44:26Z

Have you set the right development server settings in bud.config.js?

---

## Post 3 by @ben — 2025-02-07T12:59:37Z

> [@ChickenDev](#):
>
> Anyone who has ever had this error can help me?

Have you seen [How to best ask questions on this forum](https://discourse.roots.io/t/how-to-best-ask-questions-on-this-forum/24582)?

Have you searched these forums?

If you have, I know you’ve come across other topics about Sage 10 and Windows.

Put in some effort if you’d like to see this topic re-listed.

---

## Post 4 by @ben — 2025-02-07T12:59:44Z



---

## Post 5 by @ChickenDev — 2025-02-07T14:43:20Z

So sorry. I have searched and tried many ways but it didn’t work. If possible, can you please give me some related topics?  
This is my bud.config.js file

```
/**
 * Build configuration
 *
 * @see {@link https://roots.io/docs/sage/ sage documentation}
 * @see {@link https://bud.js.org/guides/configure/ bud.js configuration guide}
 *
 * @typedef {import('@roots/bud').Bud} Bud
 * @param {Bud} app
 */
export default async (app) => {
  /**
   * Application entrypoints
   * @see {@link https://bud.js.org/docs/bud.entry/}
   */

  let theme = "@styles/skeepers";
  if(app.env.get('PROJECT_NAME') === 'avisverifies') {
    theme = "@styles/avisverifies";
  }

  app
    .entry({
      app: ["@scripts/app", "@styles/app", theme],
      editor: ["@scripts/editor", "@styles/editor"],
    })

    /**
     * Directory contents to be included in the compilation
     * @see {@link https://bud.js.org/docs/bud.assets/}
     */
    .assets(['images'])

    /**
     * Matched files trigger a page reload when modified
     * @see {@link https://bud.js.org/docs/bud.watch/}
     */
    .watch(['resources/views', 'app'])

    /**
     * Proxy origin (`WP_HOME`)
     * @see {@link https://bud.js.org/docs/bud.proxy/}
     */
    .proxy("http://skeepersv2.local")

    /**
     * Development origin
     * @see {@link https://bud.js.org/docs/bud.serve/}
     */
    .serve('http://localhost:3000')

    /**
     * URI of the `public` directory
     * @see {@link https://bud.js.org/docs/bud.setPublicPath/}
     */
    .setPublicPath("/app/themes/skeepers-theme/public/")

    /**
     * Generate WordPress `theme.json`
     *
     * @note This overwrites `theme.json` on every build.
     *
     * @see {@link https://bud.js.org/extensions/sage/theme.json/}
     * @see {@link https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-json/}
     */
    .wpjson.settings({
    color: {
      custom: false,
      customDuotone: false,
      customGradient: false,
      defaultDuotone: false,
      defaultGradients: false,
      defaultPalette: false,
      duotone: [],
    },
    custom: {
      spacing: {},
      typography: {
        'font-size': {},
        'line-height': {},
      },
    },
    spacing: {
      padding: true,
      units: ['px', '%', 'em', 'rem', 'vw', 'vh'],
    },
    typography: {
      customFontSize: false,
    },
  })
    .useTailwindColors()
    .useTailwindFontFamily()
    .useTailwindFontSize()
    .enable();
};
```

This is my package.json file:

```
{
  "name": "sage",
  "private": true,
  "browserslist": [
    "extends @roots/browserslist-config"
  ],
  "engines": {
    "node": ">=20.18.0"
  },
  "type": "module",
  "scripts": {
    "dev": "bud dev",
    "build": "bud build",
    "translate": "yarn translate:pot && yarn translate:update",
    "translate:pot": "wp i18n make-pot . ./resources/lang/sage.pot --include=\"app,resources\"",
    "translate:update": "wp i18n update-po ./resources/lang/sage.pot ./resources/lang/*.po",
    "translate:compile": "yarn translate:mo && yarn translate:js",
    "translate:js": "wp i18n make-json ./resources/lang --pretty-print",
    "translate:mo": "wp i18n make-mo ./resources/lang ./resources/lang"
  },
  "devDependencies": {
    "@roots/bud": "6.23.3",
    "@roots/bud-sass": "6.23.3",
    "@roots/bud-tailwindcss": "6.23.3",
    "@roots/sage": "6.23.3"
  },
  "dependencies": {
    "@fortawesome/fontawesome-free": "^6.6.0",
    "alpinejs": "^3.14.3",
    "slim-select": "^1.27.1",
    "swiper": "^11.1.14"
  },
  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
}
```