Comments (7)
If it can't connect to localhost
on port 3000
that sounds to me like some kind of a local dev issue? What host & port is the Vite dev server actually running off of?
from craft-vite.
I'm pretty sure the [an error occurred while processing the directive]
may not have anything to do with the plugin? Could it be an Nginx error, where it's trying to use SSI but SSI is not enabled in the Nginx config?
from craft-vite.
As far I as I can see we've followed the installation instructions to get the plugin setup. Majority of the team are using DDEV if that makes a difference (I've made sure those extra DDEV specific steps are in there for the DDEV config).
Most of my assumption it's the plugin is this is the first time we've used the plugin and the site wasn't showing the error before. Initially I thought it wasn't the plugin as I disabled it in /admin but the error remained.
devServerInternal
in the config is set to http://localhost:3000
server.origin
is set to http://localhost:3000
and server.port
is set to 3000
in vite.config.js
from craft-vite.
Not sure why it wasn't showing before but now the browser console is listing web socket errors connecting to the DDEV site URL and localhost (both port 3000).
I'll go through the config again to check it over
from craft-vite.
I've set devServerInternal
to use https and now those web socket errors have gone. Still get the [an error occurred...
message though
from craft-vite.
Think we found the issue.
We've been using your template scaffolding for some of our newer sites and it looks like the critical-css
(https://github.com/nystudio107/craft/blob/craft-vite/cms/templates/_boilerplate/_partials/critical-css.twig) file was causing the problem.
We're using NGINX with DDEV so it's trying to load the critical css (which isn't in place). Not sure why this site is getting the error and no other site is with DDEV (I changed to DDEV when Nitro was 'dropped').
from craft-vite.
Cool, yep, that's what I figured it would be.
from craft-vite.
Related Issues (20)
- Twigpack::$plugin->manifest->getFileFromManifest() equivalent HOT 4
- Add registerAsset() function so register functionality can work directly with css HOT 1
- Your view on CSS style names coming from Craft's field HOT 2
- Multi-domain setup HOT 2
- .getCssInlineTags() function produces encoded output HOT 1
- Loading svg icons in css async (production) HOT 1
- Getting CORS and mim-type not allowed error with ddev HOT 5
- Add support for referencing src paths to craft.vite.inline() HOT 4
- Failed to connect to localhost port 3000 HOT 4
- TypeError when setting errorEntry configuration to an array HOT 2
- manifest.json path vite 5 HOT 1
- Having trouble with asset loading after build HOT 2
- Preview version for craft v5 already installable via composer? HOT 4
- Incorrect return from getCssHash() HOT 2
- CriticalCSS + entry types HOT 2
- Default ASYNC_CSS to false HOT 2
- Uninstallable with the Craft 5 Beta HOT 2
- How to use with Blitz HOT 2
- vite.php - The artifactUrl Twig function has been deprecated. Use cloud.artifactUrl instead. HOT 5
- Getting clear on how it works in real world as local url is appearing in live staging site HOT 3
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 craft-vite.