@sdetweil @karsten13 have added in the useCorsProxy: true

Have since updated MagicMirror, now getting

Could not load data … TypeError: Cannot read properties of undefined (reading ‘0’)

which when clicked on shows weatherbit.js

code_text
```/* global WeatherProvider, WeatherObject */

/* MagicMirror²
 * Module: Weather
 * Provider: Weatherbit
 *
 * By Andrew Pometti
 * MIT Licensed
 *
 * This class is a provider for Weatherbit, based on Nicholas Hubbard's class
 * for Dark Sky & Vince Peri's class for Weather.gov.
 */
WeatherProvider.register("weatherbit", {
	// Set the name of the provider.
	// Not strictly required, but helps for debugging.
	providerName: "Weatherbit",

	// Set the default config properties that is specific to this provider
	defaults: {
		apiBase: "https://api.weatherbit.io/v2.0",
		apiKey: "",
		lat: 0,
		lon: 0
	},

	fetchedLocation: function () {
		return this.fetchedLocationName || "";
	},

	fetchCurrentWeather() {
		this.fetchData(this.getUrl())
			.then((data) => {
				if (!data || !data.data[0] || typeof data.data[0].temp === "undefined") {
					// No usable data?
					return;```

Forgive me, again for being a noob, but I didn’t think this required any information in, however having substituted the lat and lon zero’s for my location, still throws up the same and error and points me to the [0] following !data.data

@sdetweil I used the MagicMirror installation instructions (assuming manual install) to install the software.

Have just tried your git fetch origin
But get fatal: Refusing to fetch into current branch refs/heads/develop of none-bare repository.

(Sorry, you’re probably shaking your head, but I am a complete noob at all this)

@sdetweil yes, followed your instructions to the letter

@sdetweil
I’ve tried to do that, now get pretty much the same result, but with a slightly different bit at the end.

Access to fetch at ‘https://api.weatherbit.io/v2.0/forecast/daily?lat=xxx&lon=-xxx&units=M&key=a…’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: The ‘Access-Control-Allow-Origin’ header contains multiple values ‘*, *’, but only one is allowed. Have the server send the header with a valid value, or, if an opaque response serves your needs, set the request’s mode to ‘no-cors’ to fetch the resource with CORS disabled.
api.weatherbit.io/v2…:1
Failed to load resource: net::ERR_FAILED
weatherbit.js:66 Could not load data … TypeError: Failed to fetch
at Class.fetchData (weatherprovider.js:136:27)
at Class.fetchWeatherForecast (weatherbit.js:53:8)
at weather.js:184:27
weather.js:150 New weather information available.
localhost/:1 Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Hi all,

Upon loading my magicmirror today, I’ve been met with an issue in relation to the default weather module, starting in dev mode has shown me the error

access to xmlhttprequest at from origin has been blocked by cors policy the access control allow origin header contains multiple values ‘*, *’ but only one is allowed

after googling, and seeing the results, it’s way above my (non-existent) technical know-how.

Is anyone able to shed any light (in lay man’s terms)?

Thanks,

@sdetweil Legend!

So, I’ve copied the code, but wondering how to add more than 1 event title / colour combination, eg John = Blue for the example below, but how would I get John=Blue, Steve=Green, Sandra=Orange, I’ve tried copying and having a separate line for each, but that results in none of the events having colours.

eventTransformer: (ev) => {
if (ev.title.search(‘John’) > -1) ev.color = ‘blue’
return ev
}

@sdetweil got ya!

I hadn’t created the column in the right place.

Thanks for your patience and guidance.

@sdetweil so, I now have the icon in each row, but it fills the name column and shifts the name to the date, date to days and pops the days on the end… (sorry absolute noob at this, trying to move things around, but can’t for the live of me see how to change it).

	<tr>

@sdetweil Yeah the config.js is all set up.
I would like it a inn the screen shot you posted where you have
Cake Icon Steve 25 Nov 50
Cake Icon Marco 30 Dec 85

Similar to the calendar, but the birthday cake instead of calendar icon.