Dev Server Issues?

Dev Server Issues?

Jan 22nd, 2024

Just posted to Discord:

I’m working on my personal site, and am using 11ty with Tailwind and DaisyUI, and have a frustrating problem.

Most pages and posts call on default.njk, which is my main layout.

I’m trying a lot of small variations in the styling at the moment due to how Tailwind works, but the changes to default.njk are not coming through to /_site.

The dev server is seeing the file change, and thinks it has overwritten the file.

[11ty] [11ty] File changed: src/_layouts/default.njk 
...
[11ty] [11ty] Writing _site/index.html from ./src/index.njk
...
[11ty] [11ty] Benchmark    242ms  73%   676× (Configuration) "slugify" Nunjucks Filter
[11ty] [11ty] Copied 2 files / Wrote 44 files in 0.33 seconds (7.5ms each, v2.0.1)
[11ty] [11ty] Watching...

but nothing changes in the html. I’ve checked the generated html via nano, so know it’s not caching in FireFox. If I delete the /_site folder and restart 11ty it all works fine.

I’ve checked all the permissions, and everything looks OK.

11ty version is 2.0.1, running on my debian 12 server.

npm doctor
Check                               Value   Recommendation/Notes
npm ping                            ok
npm -v                              ok      current: v10.3.0, latest: v10.3.0
node -v                             ok      current: v20.11.0, recommended: v20.11.0
npm config get registry             ok      using default registry (https://registry.npmjs.org/)
git executable in PATH              ok      /usr/bin/git
global bin folder in PATH           ok      /usr/local/bin
Perms check on cached files         ok
Perms check on local node_modules   ok
Perms check on global node_modules  ok
Perms check on local bin folder     ok
Perms check on global bin folder    ok
npm WARN verifyCachedFiles Content garbage-collected: 162 (64655765 bytes)
npm WARN verifyCachedFiles Cache issues have been fixed
Verify cache contents               ok      verified 4259 tarballs

package.json contains:

"main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start-run-old": "npm-run-all -p dev:*",
    "start": "concurrently \"npm run dev:*\"",
    "dev:11ty": "eleventy --serve --port=4004",
    "dev:tw": "tailwindcss -i src/assets/css/tailwind.css -c tailwind.config.js -o _site/assets/css/tw-style.css --watch",
    "build": "ELEVENTY_PRODUCTION=true eleventy && NODE_ENV=production npx tailwindcss -i src/assets/css/tailwind.css -c tailwind.config.js -o _site/assets/css/tw-style.css --minify"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@11ty/eleventy": "^2.0.1",
    "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0",
    "@tailwindcss/typography": "^0.5.10",
    "autoprefixer": "^10.4.16",
    "concurrently": "^8.2.2",
    "daisyui": "^4.6.0",
    "npm-run-all": "^4.1.5",
    "postcss": "^8.4.33",
    "tailwindcss": "^3.4.1"
  }

Even just running npm run dev:11ty isn’t changing when I change comments in the default.njk.