Unusual problem arises when working with exclusions and inclusions in tsconfig.json

I've encountered a peculiar issue. When I specify the following in my configuration:

"exclude": [
    "node_modules",
    "**/__tests__",
    "**/*.test.*",
    "**/server-handlers/**/*",
    "**/*.stories.*",
    "tmp/components/form-controls/company-search",
    "tmp/components/form-controls/address",
],
"extends": "./tsconfig.json",
"include": [
    "tmp/components/**/*",
]

Everything seems fine, except that the address component isn't included or compiled.

However, when I replace it with a more specific path to exclude only one subdirectory:

    "tmp/components/form-controls/address/address-city"

The address-city component gets included. Why is this happening?

javascripttypescripttsconfigtsc

Answer №1

By using the exclude attribute, you can ensure that only files with paths that exactly match the specified exclusion pattern are excluded. This is why it's important to be specific in your exclusions, such as:

"tmp/components/form-controls/address/address-city/*"

Alternatively, you can use a more general exclusion pattern like:

"tmp/components/form-controls/address/**/*"

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Exploring the power of AngularJS with JavaScript and utilizing the $scope

After spending the entire day trying to solve this issue, it seems like I might be missing something simple. Here's the problem at hand: I have a well-structured Nodejs/AngularJS application that utilizes Jade for templating. The server performs certa ...

javascriptangularjspugpartials

What is the method for obtaining the dynamic key of an object?

Is there a way for me to access the value of record.year dynamically? It seems like using record["year"] should give me the same result. I am trying to make my chart adaptable to different x-y axis configurations, which is why I am using fields[0] to retr ...

reactjstypescriptnext.js

Step-by-step guide on incorporating a hyperlink within a row using @material-ui/data-grid

I am currently using @material-ui/data-grid to showcase some data on my webpage. Each row in the grid must have a link that leads to the next page when clicked. I have all the necessary data ready to be passed, however, I am facing difficulty in creating a ...

javascriptreactjsdatagridmaterial-ui

Substitute all properties of a specific type with a predetermined value in Typescript using recursive substitution

If we consider the given type structure: type Person = { name: string age: number experience: { length: number title: string } } Can we create a type like this: type FieldsOfPerson = { name: true age: true experience: { length: t ...

typescript

What is the most effective way to iterate through an array of objects and retrieve the results in a key-value format?

I am dealing with an array of objects that may seem a bit complex initially, but I will simplify it as much as possible. Each object in the array has properties like Engineering, Environment, and others, each containing a sub-object called radars. The rada ...

javascripthtmlreactjsarraysloops

Unable to display content on the ejs file

Currently, I have been diving into the world of node.js and exploring how to manipulate data by writing and reading from JSON files. It has been an interesting journey so far; however, I encountered a hiccup. Specifically, when attempting to post new data ...

javascriptnode.jsexpress

What is the best way to delete a property from an object in an array using Mongoose? This is crucial!

Doc - const array = [ { user: new ObjectId("627913922ae9a8cb7a368326"), name: 'Name1', balance: 0, _id: new ObjectId("627913a92ae9a8cb7a36832e") }, { user: new ObjectId("6278b20657cadb3b9a62a50e"), name: 'Name ...

javascriptnode.jsarraysmongodbmongoose

Initiating ag-grid events from external sources

Currently, I am utilizing ag-grid for my project. Within my gridOptions, there are event handlers defined as follows: gridOptions = { ... onCellEditingStarted: function (event) { /* magic happens!*/ }, onCellEditingStopped: function (event) { /* magic hap ...

javascriptag-gridjquery-events

Issue with Firefox causing Bootstrap form to appear incorrectly

I recently created a customized form using Bootstrap, but unfortunately, I'm encountering an issue with Firefox. Despite functioning perfectly on other browsers, the radio buttons are being pushed off the edge of the page and aren't displaying pr ...

javascripthtmlcsstwitter-bootstrap

Issue with Angular modal text boxes failing to populate using ngModel

I am facing an issue with populating data in a modal when a table row is clicked. The table contains TV show data and uses dir-paginate/ng-repeat to display the information. However, when I click on a row to edit the show, the ng-model data does not load i ...

javascriptangularjsmodal-dialogngmodel

Search for a matching number asynchronously in an object that contains a set of numbers

I am looking to retrieve objects asynchronously based on their category. In other words, I want my products to be loaded asynchronously by category. Currently, I have a function named 'getProductByID' that searches for a product using its ID. ...

angulartypescriptrxjs

Issue with Firefox not recognizing keydown events for the backspace key

I am currently developing a terminal emulator and have encountered an issue with capturing the backspace key in Firefox. While I am able to capture the first backspace press and delete the last character in the input prompt, the problem arises when trying ...

javascriptjqueryeventsfirefoxkeydown

When utilizing the toISOString() function for conversion, the output received on Sat Apr 01 2023 00:00:00 GMT+0530 (India Standard Time) shows the date of the previous day

const today = new Date(); const lastMonthStart = new Date( today.getFullYear(), today.getMonth() - 1, 1 ); const lastMonthEnd = new Date( today.getFullYear(), today.getMonth(), 0 ); from = lastMonthStart.toISOString().split("T")[0]; t ...

javascriptreactjstoisostring

I am having trouble getting my console.log function to work properly on my HTML page

As a beginner in JavaScript, I am facing an issue with my console.log not working at all. When I type a console.log message, nothing shows up on my HTML page. I have tried to debug it, but being a newbie, I lack the necessary knowledge. All I can do is see ...

javascripthtml

Utilizing a refreshed array of elements within a component directive

When working within a view, I am utilizing ng-repeat inside a directive to iterate over an array of objects from my controller. However, as the objects in the array undergo value changes, I encounter a dilemma when transitioning to a new instance of the sa ...

javascriptangularjsarrays

Using jQuery to handle events across multiple elements

Could I achieve something similar to this? I currently have several variables assigned to DOM elements. Rather than querying the DOM again to set event handlers, I would like to utilize the variables I already have. var a = $("#foo"); var b = $("#bar"); ...

javascriptjquery

Angular, Transforming JSON with RxJS Operators in TypeScript

Upon receiving the JSON object (Survey) from the server, it looked like this: { "id": 870, "title": "test survey", "questions": [ { "id": 871, "data": ...

jsonangulartypescriptrxjsoperators

What is the process for adding JSON data to a dropdown menu using PHP AJAX?

I am trying to populate a select html element with data from a list of JSON results. Here is the code I have attempted: JSON output: jquery loop on Json data using $.each {"Eua":"Eua","Ha'apai":"Ha'apai",& ...

javascriptajax

How can parameters be included in ng-href when using ng-click?

So I have this list of products and I want to pass the current product id when clicking on ng-href by using a function with ng-click in the ng-href. This is what my html file looks like: <div class="agile_top_brands_grids" ng-model="products" ng-repe ...

javascriptangularjsangularjs-ng-clickangularjs-ng-href

What is the best way to arrange this object alphabetically by name using Angular?

My client is in need of an AngularJS application that will interact with an API from an existing app. The API returns JSON data structured like the following: { "groups":{ "60":{ "name":"History" }, "74":{ "n ...

javascriptangularjsjson