Bug: bud dev won't work, but bud build does
kjvdven opened this issue · comments
Terms
- I have read the guidelines for Contributing to Roots Projects
- This request is not a duplicate of an existing issue
- I have read the docs and followed them (if applicable)
- I have seached the Roots Discourse for answers and followed them (if applicable)
- This is not a personal support request that should be posted on the Roots Discourse community
Description
What's wrong?
When I run yarn dev
, the development server never boots. This only happens when I have a custom Tailwind config file.
When I run yarn build
, the theme is build with no errors.
What have you tried?
- Creating a separate theme and enabling step-by-step where the issue starts.
- Changing the node version
- Updating bud to a newer version
- Checking an older project if that still works (it does)
- Removing cashing
- Removing node modules
What insights have you gained?
It only happens when I have a custom tailwind config file.
I can still use build.
The same Tailwind config file I use, does work in a storybook project.
Possible solutions
??
Temporary workarounds
Only use yarn build
Steps To Reproduce
- Create a new theme
- Install some packages
{
"name": "sage",
"private": true,
"browserslist": [
"extends @roots/browserslist-config/current"
],
"engines": {
"node": ">=16.0.0"
},
"scripts": {
"dev": "bud dev",
"start": "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": "for filename in ./resources/lang/*.po; do msgmerge -U $filename ./resources/lang/sage.pot; done; rm -f ./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.4.5",
"@roots/bud-eslint": "6.4.5",
"@roots/bud-sass": "6.4.5",
"@roots/bud-stylelint": "6.4.5",
"@roots/bud-tailwindcss": "6.4.5",
"@roots/sage": "6.4.5",
"eslint-config-airbnb-base": "^15.0.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-import": "^2.26.0",
"stylelint-config-prettier-scss": "^0.0.1",
"stylelint-config-sass-guidelines": "^9.0.1"
},
"dependencies": {
"@alpinejs/collapse": "^3.10.5",
"@alpinejs/focus": "^3.10.5",
"@alpinejs/ui": "3.10.5-beta.8",
"alpinejs": "^3.10.5"
}
}
- Configure tailwind
// https://tailwindcss.com/docs/configuration
module.exports = {
content: ["./index.php", "./app/**/*.php", "./resources/**/*.{php,vue,js}"],
theme: {
colors: {
transparent: "transparent",
current: "currentColor",
white: "#ffffff",
black: "#000",
blue: {
100: "#e2f2fa",
300: "#c4e5f4",
500: "#009fe3",
800: "#07074c",
},
red: {
100: "#f9e7e7",
500: "#c60f0f",
700: "#9a0000",
},
grey: {
500: "#4a585b",
},
},
fontSize: {
xs: "0.875rem",
sm: "1rem",
base: "1.125rem",
lg: "1.5rem",
xl: "1.75rem",
"clamp-xs": "clamp(0.875rem, 0.8103rem + 0.2759vw, 1rem)", // 14 tot 16
"clamp-sm": "clamp(1rem, 0.9353rem + 0.2759vw, 1.125rem)", // 16 tot 18
"clamp-base": "clamp(1.125rem, 1.0603rem + 0.2759vw, 1.25rem)", // 18 tot 20
"clamp-lg": "clamp(1.125rem, 1.0603rem + 0.2759vw, 1.25rem)", // 18 tot 20
"clamp-xl": "clamp(1.25rem, 1.1207rem + 0.5517vw, 1.5rem)", // 20 tot 24
"clamp-2xl": "clamp(1.75rem, 1.6207rem + 0.5517vw, 2rem)", // 28 tot 32
"clamp-3xl": "clamp(2.875rem, 2.2931rem + 2.4828vw, 4rem)", // 46 tot 64
},
extend: {
fontFamily: {
sans: ["TT Commons"],
},
gridTemplateColumns: {
cards: "repeat(auto-fill, minmax(20rem, 1fr))",
},
aspectRatio: {
card: "10 / 9",
},
},
},
plugins: [],
};
Expected Behavior
- The dev server should start and render my project
- If it hangs somewhere I would like to know where and what causes it
Actual Behavior
Nothing, it hangs.
If I make a deliberate error in the Tailwind config, it does show up.
Relevant Log Output
No response
Versions
10.3.1
@kjvdven Sorry about the trouble! There's a couple recent Bud releases with some dev server issues, but 6.6.2 should be okay to use. We're working on getting a new release out without the dev server issues later today.
Ref roots/bud#1914
I get the feeling they are not related, I'm on an older bud version, this version I have working on another project.
Also I tried that version without succes.
In that case, let’s get a minimal reproduction created and report an issue on the Bud repo