MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. bicolorbore586
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    B
    Offline
    • Profile
    • Following 1
    • Followers 0
    • Topics 8
    • Posts 51
    • Groups 0

    Posts

    Recent Best Controversial
    • Calendar and Icons

      Hi again,

      below is a brief part of my config.js. A few days ago this was working fine, however now it no longer shows the icon/symbol in the default calendar.

      Note there is also configuration for colors which does work.

      {
      			module: "calendar",
      			header: "FamCal",
      			position: "top_left",
      			config:	{
      				displaySymbol: true,
      				customEvents: [	{keyword: "Swimming", symbol: "swimmer"},
      

      it does however show the icon in the MMM-Calendarext3

      f28de1a0-081a-4585-a781-b9de392e53c9-image.png

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @bicolorbore586 from the line Could not load data … TypeError: Cannot read properties of undefined (reading ‘0’) at weatherbit.is

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @sdetweil
      so I commented out the original text and added in the new:

      code_text
      ``` fetchCurrentWeather() {
      		this.fetchData(this.getUrl())
      			.then((data) => {
      				/*if (!data || !data.data[0] || typeof data.data[0].temp === "undefined") {
      					// No usable data?
      					return;
      				}
      
      				const currentWeather = this.generateWeatherDayFromCurrentWeather(data);
      				this.setCurrentWeather(currentWeather);*/
      				if(!data || (data && data.error)){
      					Log.error("Could not load data ... ", data?data.error: "no data returned");
      				}
      				else {
      					if (!data || !data.data[0] || typeof data.data[0].temp === "undefined") {
      						// No usable data?
      						return;
      					}
      
      					const currentWeather = this.generateWeatherDayFromCurrentWeather(data);
      					this.setCurrentWeather(currentWeather);
      				}
      			})
      			.catch(function (request) {
      				Log.error("Could not load data ... ", request);
      			})
      			.finally(() => this.updateAvailable());
      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @sdetweil
      ok, have put it back to how it was… that was final “can I get this to work, before I ask for further help”
      this is my config.js

      code_text
      ``` {
      			module: "weather",
      			position: "top_right",
      			config: {
      				weatherProvider: "weatherbit",
      				type: "current",
      				lat: 5,
      				lon: -1,
      				apiKey: "ab4",
      				useCorsProxy: true
      					}
      		},
      		{
      			module: "weather",
      			position: "top_right",
      			header: "Weather Forecast",
      			config: {
      				weatherProvider: "weatherbit",
      				type: "forecast",
      				lat: 5,
      				lon: -1,
      				initialLoadDelay: 1,
      				apiKey: "ab4",
      				useCorsProxy: true
      					}
      		},
      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @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

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @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)

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @sdetweil yes, followed your instructions to the letter

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: CORS policy

      @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.

      posted in Troubleshooting
      B
      bicolorbore586
    • CORS policy

      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,

      posted in Troubleshooting
      B
      bicolorbore586
    • RE: MMM-Calendarext3 eventTransformer

      @sdetweil Legend!

      posted in Troubleshooting
      B
      bicolorbore586
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 4 / 6