Can anyone help me troubleshoot this issue:
core.js:1449 ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'slug' of undefined TypeError: Cannot read property 'slug' of undefined
Here is the code I am using:
this.WooCommerce.getAsync("products?filter[category]=" + this.category.slug).then((data) =>{
console.log(JSON.parse(data.body));
Upon further examination, it appears that my initial assessment was correct. You are indicating a child of an object within an observable (regardless of your familiarity with observables) (observables may sometimes take precedence and occur before the hydration of any other variable).
Therefore, I recommend taking certain precautions to prevent potential issues: dividing tasks accordingly.
In addition, here's a helpful "hack" that I routinely employ to ensure smooth progress in my development process and gain a clearer understanding of where errors may be occurring rather than just encountering "undefined":
this.category['slug'];
While I personally do not typically go to this extent, it is permissible to use:
this['category']['slug'];
The distinction lies in the fact that this approach will reveal the undefined instead of halting at a JavaScript level.
It seems evident to me that verifying this.category.slug during its evaluation ensures that it is not in an uninitialized state at that particular moment:
var myFunctionToLogSlug = () => { //You could pass this.category.slug as an argument here, but
//it is equivalent to calling it within the function body because your
//context (this) remains constant, hence the reference and timeframe also remain consistent.
console.log("is this.category.slug empty? : ", this.category.slug);
return this.category.slug;
};
this.WooCommerce.getAsync(
"products?filter[category]=" + myFunctionToLogSlug()).then(data =>{
console.log(JSON.parse(data.body));
});
Once you have confirmed that this.category.slug is indeed undefined when called, you can either adjust the timing of this.WooCommerce.getAsync to ensure this.category.slug is defined or move the initialization of this.category.slug inside the getAsync.
I trust that this explanation proves beneficial! :)
I am facing a challenge with a list of apps displayed on a non-angular page. The availability of these apps depends on the subscription level purchased by the user. Even if an app has not been purchased, it is still listed but displayed with an overlay (pl ...
I am facing a challenge in creating a new notification div when an event is triggered. Ideally, I would normally achieve this using jQuery by utilizing something like $("myDiv").append(newDiv). However, in this case, the item selector to which the new div ...
Here is what I'm working on: let s = '50'; let a = parseInt(s); console.log(a); //outputs 50 console.log(_.isFinite(a)); //outputs false I'm curious why parseInt turns 'a' into infinity when 'a' is set to 50? ...
fetching JSON data save movieData: {} ...... retrieveMovieData (context, parameter) { axios.get(API.movieData + parameter.id) .then(response => { context.commit('MOVIE_DATA', response.data) }) .catch(error => ...
Just started using jQuery for the first time and I'm encountering an issue. I'm trying to load content from an external element onto my page, and while it loads correctly, I'm having trouble using normal traversal methods on the loaded eleme ...
I'm encountering an issue with my HTML code where I am unable to extract data from the HTML file to TS. My goal is to store all the information and send it to my database. Here is a snippet of the HTML: <h3>Part 1 : General Information</h3 ...
In my current project, I am developing a custom cron decorator that not only schedules tasks but also logs the name of the task when it is executed. To accomplish this, I have merged the default nestjs scheduling Cron decorator with a unique LogTask decora ...
Hello everyone, I'm new to posting questions on Stack Overflow and I'm seeking some assistance with an issue I'm having with Mat-Tree. Despite the fact that my data is present when I console log it, the children are not appearing. I am fetc ...
Currently, I am utilizing node and sequelize to develop a web API. So far, everything is functioning correctly. However, when attempting to update the user table with the following code: var localDate=getDateTime(); console.log(localDate) //output: 2021/06 ...
I'm currently working on an ionic-angular app and implementing a Register feature where users input their information step by step. The issue I'm facing is with the backward navigation functionality - when users go back using the arrow button, th ...
My Atom interface is showing the following errors: {Error running gjslint}(x4) {Error running selective}(x4) Upon checking the errors section, I found the following details: [Linter] Error running selective Error: ENOENT: no such file or directory, open ...
Currently, I'm navigating a complex component that requires the use of an options list. As react-select is already implemented throughout my application, it seems logical to utilize it in this scenario as well. My goal is to integrate react-select inl ...
Having a variety of packages available for selection. <div class="image-grid-item" data-search="select"> <input name="pack1" type="checkbox" style="display: none;"> </div> <div class="image-grid-item" data-search="select"> <inp ...
In my IBM mobile first application, I am facing an issue with JSON response containing Vietnamese characters (e.g. Tôi là một nhân vật đặc biệt) on Windows 8.1 Phone. The character encoding I am using is UTF-8. resourceRequest.send($scope.dat ...
<%- include("partials/header") %> <p> this is main page</p> <% let cpp= 6 %> <% for (let i=0;i<cpp;i++){ %> <div class="card"> <li><%= cards[i].name %></li> <li>< ...
If you'd like to check out the code snippet for reference, please visit: This view serves as the canvas where innovation blends with execution. As I embark on this journey towards dynamic form creation, every step counts. Thank you for being part of ...
I'm facing an issue while trying to resolve data that needs to be passed to a controller's constructor. The controller has the following definition... var dashboardCtrl = function ($scope, profile) { $scope.profile = profile; $scope.full ...
In my webform project, I have implemented a dropdown menu with custom tooltips for the list items. These tooltips are different from the display field and value field, which can be considered as the third column. To bind the tooltips to the list items usin ...
It's making me lose my mind. I'm currently executing some unit tests with the following configuration import mongoose from "mongoose"; import mockgoose from "mockgoose"; import chai from "chai"; import chaiAsPromised from "chai-as-promised"; i ...
I need to create a function that takes an object as an argument and accesses a specific property of this object based on another parameter. Here is the code snippet: // javascript code function setProperty(subject, property, value) { subject[property] ...