Comments (4)
I tried to reproduce but there are dependency resolution issues in that repo unrelated to slinkity. npm install
fails due to lanyon deps. If you share a minimal reproducible example I will try again.
from slinkity.
Hey @insanity54, thanks for looking into this!
Did you check out the branch I linked to? It shouldn't have Lanyon in the dependencies at all afaik. If so, I'll take a look to see what's up!
from slinkity.
@nickrttn you are correct. That's my mistake, I accidentally checked out your main branch. Thanks for the clarification.
I got your site built and I'm seeing the same error/warning(?).
vite v3.2.5 building for production...
/src/_islands/TransloaditBar/style.module.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
/src/_islands/Container.module.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
transforming (6) blog/index.html
/src/_islands/PostLayout/style.module.css doesn't exist at build time, it will remain unchanged to be resolved at runtime
I used npx http-server ./_site
to preview. I was surprised to see /src/_islands/(...)
requests from the browser.
x86_64; rv:109.0) Gecko/20100101 Firefox/111.0"
[2023-04-14T00:19:32.967Z] "GET /src/_islands/TransloaditBar/ua-flag.svg" Error (404): "Not found"
[2023-04-14T00:19:32.968Z] "GET /src/_islands/Navigation/wordmark.png" Error (404): "Not found"
[2023-04-14T00:19:32.968Z] "GET /src/_islands/Home/tus1--no-io.png" Error (404): "Not found"
[2023-04-14T00:19:32.968Z] "GET /src/_islands/Social/community-forum-35a78b.svg" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/111.0"
[2023-04-14T00:19:32.969Z] "GET /src/_islands/Social/community-forum-35a78b.svg" Error (404): "Not found"
[2023-04-14T00:19:32.995Z] "GET /assets/index.b411a600.css" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/111.0"
There are 404s mixed in with the 200s. Some css, svg, and png files are failing to load because there is no /src/_islands
directory structure in _site/
Looking at debug output from the 11ty build (DEBUG="vite:*" npm run build
), I'm seeing that vite is actually resolving the css file in question.
vite:resolve 0.08ms ./Container.module.css -> /home/chris/Documents/tus.io/src/_islands/Container.module.css +50ms
vite:resolve 0.06ms /src/_islands/Container.module.css -> /home/chris/Documents/tus.io/src/_islands/Container.module.css +0ms
vite is transforming it as well.
vite:transform 2.29ms /src/_islands/Container.module.css +25ms
The problem remains that I don't see any of the transformed css from Container.module.css in the _site
output directory. I'm not sure why, but hopefully I've given you some food for thought. I'm guessing this is a Vite(?), rollup(?), typescript(?), Eleventy(?) config issue, something to do with paths. I don't think /src/_islands/
should show up in the requests of a built site.
from slinkity.
Yes, this is a pretty strange result! Might be something in module resolution for islands. I'll see if I can figure it out.
from slinkity.
Related Issues (20)
- Many same js files after generating many pages with same Vue component HOT 5
- Is vite ran on eleventy.after ? HOT 5
- 11ty + Syntax Highlighter Vite Error HOT 1
- Use JS/TS files without shortcodes? HOT 2
- PostCSS Plugins on build. HOT 2
- Is it possible to import SCSS from a npm package? HOT 1
- vite script tag gets added to json HOT 1
- V1 and Github Documentation HOT 3
- Server options, https, liveReload, domDiff? HOT 1
- Production build fails in windows - vite.cjs - fast_glob.sync() - needs path normalized for this to work HOT 2
- Slinkity asset contains url encoded slashes which prevent loading HOT 2
- children props not passing in markdown HOT 1
- Hydrate a single component on a component page HOT 1
- Vite preview
- Assets aren't proceesed when using `pathPrefix` with `EleventyHtmlBasePlugin` HOT 2
- React: The above dynamic import cannot be analyzed by Vite. HOT 1
- TypeError: vite.createFilter is not a function
- [11ty] Objects are not valid as a React child HOT 1
- Multiple running slinkity projects tends to bug vite
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from slinkity.