The deployment of the Azure Function app is successful, however, the functions are not appearing on the portal

After using the Azure VSC extension, I successfully created an Azure function app in TypeScript with Node 18 and Azure v4. The functions are working correctly during local debugging and producing the expected results.

Upon deployment of the Function app to the Azure portal through the extension, no errors were encountered. However, upon checking the KUDU on diagnostics console for the app, I noticed that the .ts files containing the functions are present internally but not visible on the portal. Despite thorough investigation, I have been unable to locate any logs indicating what might be causing this issue.

I have attempted redeploying the app, creating a new function app, and even setting up a completely separate function app with a different codebase, but the functions still do not appear on the portal after deployment.

In an effort to troubleshoot, I have added various configurations on the app's portal such as WEBSITE_RUN_FROM_PACKAGE = 0 and SCM_DO_BUILD_DURING_DEPLOYMENT = true (although it has come to my attention that this may be Linux specific), yet these changes have had no effect on resolving the problem.

typescriptazure-functions

Answer №1

It seems that you may be trying to upload the .ts file instead of the built/transpiled app, which contains the JavaScript code. TypeScript files need to be compiled into JavaScript before they can be run.

When publishing your app using Azure Functions Core Tools, the build process will be handled automatically:

func azure functionapp publish <FunctionAppName>

Answer №2

If you're reading this at a later time, it appears that the issue was caused by the Sharp library. Despite no errors appearing in the build or runtime logs, after some trial and error, it became clear that the Sharp library was the culprit. This serves as a reminder to investigate the Sharp library first if similar issues arise.

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

Filter multiple columns in an Angular custom table with a unique filterPredicate

Looking to develop a versatile table that accepts tableColumns and dataSource as @Input(). I want the ability to add custom filtering for each table column. Currently, I've set up the initialization of the table FormGroup and retrieving its value for ...

angulartypescriptangular-filterstablefilter

Experiencing issues with the functionality of getServerSideProps in my project

I'm scratching my head over why server-side props aren't working for me in nextjs (v12). I'm utilizing getServerSideProps inside pages/details/index.tsx. export const getServerSideProps = async (context: any) => { const name = context.q ...

typescriptnext.jsgetserversideprops

When trying to access a property in Typescript that may not exist on the object

Imagine having some data in JS like this example const obj = { // 'c' property should never be present a: 1, b: 2, } const keys = ['a', 'b', 'c'] // always contains 'a', 'b', or 'c' ...

javascriptreactjstypescript

When it comes to rendering components in React using multiple ternary `if-else` statements, the question arises: How can I properly "end" or "close" the ternary statement?

I have developed a straightforward component that displays a colored tag on my HTML: import React, {Component} from 'react'; import "./styles.scss"; interface ColorTagProps { tagType?: string; tagText?: string; } /** * Rende ...

reactjstypescript

Creating a union type from an array that is not a literal (using `Object.keys` and `Array.map`)

Can a union be derived from a non-literal array? I attempted the following: const tokens = { "--prefix-apple": "apple", "--prefix-orange": "orange" }; const tokenNames = Object.keys(tokens).map(token => toke ...

typescripttypescript-typings

Tips for navigating through a nested JSON object with loops

Is it possible to access the value of the Address object within an interface in Angular using *ngFor? export interface User { id: number; name: string; username: string; email: string; address: Address; } export interface Address { st ...

angulartypescript

Unit testing a React component that implements a copy to clipboard functionality, using Jest and TypeScript

In order to make sure the correct value is copied to the user's clipboard when they click a button, I have implemented this copy method. By using a ref on the input, I can easily access the right value. protected copyToClipboard() { console.log( ...

reactjstypescripttestingjestjsenzyme

Utilizing a Chrome profile is ineffective in WebdriverIO

Instead of dealing with signing in every time, I prefer pre-signing in on my profile. Even though I am using the code below, it's still not loading in the specified profile. What can I do to resolve this issue? const browser = await remote({ capabi ...

javascripttypescriptwebdriver-io

Is it possible to modify the CSS styling in React using the following demonstration?

I am attempting to create an interactive feature where a ball moves to the location where the mouse is clicked. Although the X and Y coordinates are being logged successfully, the ball itself is not moving. Can anyone help me identify what I might be overl ...

javascriptcssreactjstypescript

The Typescript error occurs when trying to assign a 'string' type to a 'SetStateAction<null>'

For my project, I am delving into creating a global context using TypeScript. As a newcomer to TypeScript, I found a helpful guide in this blog post (). Despite following the outlined steps, I keep encountering an error message saying "Type 'string&ap ...

reactjstypescriptnext.js

Tips for preventing duplication of the interface in Typescript React

Embarking on my first Typescript app, I am determined to maintain a structured approach by keeping styles and components in separate files. With an ambitious project scope of numerous components, I intend to utilize props for calling classes, ensuring each ...

reactjstypescriptmaterial-uitypescript-typings

The http post request is functioning properly in postman, but it is not working within the ionic app

I am currently developing an app in ionic v3 within visual studio (Tools for Apache Cordova). On one of the screens in my app, I gather user information and send it to an API. However, I'm encountering an issue with the HTTP POST request that I'm ...

angulartypescripthttpionic3apache-cordova

React-select initial value set to null after first selection

I've been working on a dropdown feature with the help of react-select: The options for the dropdown are fetched from an API endpoint, but I'm encountering a peculiar issue. When I initially select an option, my AccountSelected1 remains null. Sub ...

javascriptreactjstypescriptasync-awaitreact-select

Deactivate the underscore and include the fiscal year in AngularJS

I am currently faced with a scenario where the back end is returning the value as follows: 123222_D1.123 However, I need to display the date from the database (12-Jun-2020) as 2020-D1.123 in a drop-down menu. Currently, I am displaying the above value i ...

javascriptangulartypescriptangular8

Decoding Dynamic JSON Data into a Map Using Angular

When working with Angular's http client to fetch data from an API, I create DTOs using typescript interfaces. One of the endpoints returns a JSON object that contains dynamic keys which I want to map into a Map. After trying out different approaches, ...

angulartypescriptdictionaryhttpclient

Utilizing moment.js in conjunction with typescript and the module setting of "amd"

Attempting to utilize moment.js with TypeScript 2.1.5 has been a bit of a challenge for me. I went ahead and installed moment using npm : npm install moment --save-dev The d.ts file is already included with moment.js, so no need to install via @typings ...

typescriptmomentjsamd

Using Typescript with Vue.js: Defining string array type for @Prop

How can I properly set the type attribute of the @Prop decorator to be Array<string>? Is it feasible? I can only seem to set it as Array without including string as shown below: <script lang="ts"> import { Component, Prop, Vue } from ...

typescriptvue.jsvuejs2typescript-typingstypescript-generics

Type 'Object' cannot be assigned to type 'Produit' as per error code TS2322

As a newcomer to Angular, I've been encountering the following error for the past 5 days: "ERROR in src/app/modifier-produit/modifier-produit.component.ts(23,7): error TS2322: Type 'Object' is not assignable to type 'Produit'. Th ...

angulartypescript

Finding the key type in an interface

Here is a challenge... This is the code snippet from titleBarContainer.tsx: function TitleBarContainer() { const systemData = useSelector((state: RootState) => state.counter.systemData) const dispatch = useDispatch() const onChangeSystemDa ...

typescript

Count duplicated values in an array of objects using JavaScript ES6

I am working on creating a filter for my list of products to count all producers and display them as follows: Apple (3) I have managed to eliminate duplicates from the array: ["Apple", "Apple", "Apple"] using this helpful link: Get all non-unique values ...

javascriptarrayshtmlangulartypescript