Encountering problems with deploying a Deno Fresh application through innovative ahead-of-time builds and GitHub actions

I have been working on deploying my Fresh application using the new ahead-of-time builds to optimize static assets in advance. I've successfully followed the guidelines provided on the documentation site and everything is working well on my local setup.

However, when attempting to deploy on Deno Deploy, the deployment process fails at the Build step (when running deno task build).

The error message causing this issue is as follows:

error: The source code is invalid, as it does not match the expected hash in the lock file. Specifier: https://esm.sh/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="dbaba9bebab8af9beaebf5eaeef5ea">[email protected]</a>/debug
.

Upon conducting some research, it appears that esm.sh imports preact dependencies using different build versions, resulting in a failed integrity check. The suggested solution is to pin the versions in the deno.json file, but this approach doesn't seem to work for me or perhaps I am missing something.

Here are the relevant import sections from my deno.json file:

"imports": {
  "preact": "https://esm.sh/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="96e6e4f3f7f5e2d6a7a6b8a7a3b8a7">[email protected]</a>?pin=v122",
  "preact/": "https://esm.sh/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="86f6f4e3e7e5f2c6b7b6a8b7b3a8b7">[email protected]</a>/",
  "preact-render-to-string": "https://esm.sh/*<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="661614030705124b1403080203144b12094b1512140f0801265048544857">[email protected]</a>?pin=v122",
  "@preact/signals": "https://esm.sh/*@preact/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="73001a141d121f0033425d425d40">[email protected]</a>",
  "@preact/signals-core": "https://esm.sh/*@preact/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f5869c929b949986d8969a8790b5c4dbc7dbc6">[email protected]</a>",
}

This is the command used for the build task:

deno run -A dev.ts build --lock=deno.lock --lock-write

Any suggestions on how to resolve this issue?

typescriptgithub-actionsdenodeno-deploy

Answer №1

Encountered a similar problem myself. Decided to remove the lockfile and then rebooted the service in order to create a fresh lock file.

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

A guide on altering vertex colors programmatically using Three JS

After successfully setting vertex colors for model elements added via STL loader, I am now facing an issue with changing these colors using the code below. Despite my efforts, the colors remain unchanged. Can anyone provide guidance on how to fix this? l ...

typescriptthree.js

What is the reason that TypeScript cannot replace a method of the base class with a subtype?

Here's a straightforward example. type Callback<T> = (sender: T) => void; class Warehouse<T> { private callbacks: Callback<T>[]; public constructor(callbacks: Callback<T>[]) { this.callbacks = callbacks; ...

typescriptclassgenericsextends

Using Angular's mergeMap feature to concatenate multiple HTTP calls sequentially

The method called getDetails() retrieves an array of Details[]. Within this array, there is a property named name which I need to pass to another HTTP request. Details { name: String; Details getDetails() return this.https.get("/someValue&q ...

angulartypescriptrxjsrxjs6

Accessing Github REST API with Next-auth token

Looking to enable user login and retrieve specific user data using the Github REST API, such as repositories and issues. After successfully implementing the login feature, I encountered an obstacle with the Github REST API that requires a token for endpoi ...

typescriptgithubnext.jsgithub-apinext-auth

Several values are not equal to the typeorem parameter

I am looking for a way to create a Typeorm query that will return results similar to the following SQL statement: SELECT * FROM Users WHERE id <> 3 and id <> 8 and id <> 23; Any suggestions on how I can achieve this? Thank you! ...

typescriptnestjstypeorm

Tips for resetting an RXJS scan operator depending on a different Observable

I created a component that triggers an onScrollEnd event once the last item in a virtual list is displayed. This event initiates a new API request to fetch the next page and combine it with the previous results using the scan operator. In addition, this c ...

javascriptangulartypescriptrxjsrxjs-pipeable-operators

Component unit testing in Angular 2/4 fails to register click events causing a lack of change detection

I'm currently working on testing a component in Angular 2/4 to determine if clicking on a button element will result in the desired changes. However, I'm facing an issue with triggering the click event. Here is the component code: import { Comp ...

angularunit-testingtypescript

Trouble installing TypeScript on MacBook - Terminal Glitch

I recently got Visual Studio Code on my Mac and wanted to add TypeScript for Angular. I believe I already installed Node.js or Git in the past. However, when I tried running this command from the TypeScript website in the Mac Terminal to install TypeScript ...

macosvisual-studiotypescriptnpmterminal

Using Angular 6 to upload an XML document via httpClient

I have a service in Angular 6 using httpClient with the following code: import { Injectable } from '@angular/core'; import { HttpClient, HttpHeaders } from '@angular/common/http'; const httpOptions = { headers: new HttpHeaders({ &ap ...

angulartypescriptangular6

Understanding the concept of inconsistent return points in Typescript: What implications does it carry?

I am currently working on converting a NodeJs JavaScript code to TypeScript. The code snippet below shows how I save uploaded files using JavaScript and now I'm encountering an error when trying to do the same in TypeScript. The error message says "Fu ...

node.jstypescript

Compiling Enum classes from Typescript to JavaScript leads to errors in export

I'm currently facing an issue with exporting Kotlin Enum classes to JS. @OptIn(ExperimentalJsExport::class) @JsExport enum class interEnum { SAMPLE } When I import the enum into an Angular Project as an NPM module, the corresponding TS block in m ...

javascripttypescriptkotlinkotlin-multiplatformkotlin-js

Enhance TypeScript class declarations with additional properties

Our company has developed its own test framework for our software because we found it difficult to use an open-source framework within the context of our specific development needs. Recently, I took on the task of creating Typescript Definition Files to e ...

typescriptclassinner-classesextendoverwrite

What does 'this' refer to in a JavaScript function that is inside an object?

I'm currently working with a JavaScript code snippet that looks like the example below. On this particular line, this.orgBusinessKey = this.user.noaOrganisationList[0].businessKey; I'm wondering if the this scope will contain the user instance ...

javascripttypescriptecmascript-6

How can I add numerous items to an array in Angular 2?

Here is my outcome: https://i.sstatic.net/s5GGn.png And here is the solution: https://i.sstatic.net/KrkTX.png The first image shows my console log result. How can I retrieve the second image using the Angular 2 Push Method? this.limitid = "0"; this.user ...

angulartypescript

The typescript-eslint configuration is throwing an error in the .eslintrc file, stating that the 'module' is undefined

After following the instructions in the typescript-eslint getting started documentation to set up a new project, I encountered an issue in my .eslintrc.js file: 'module' is not defined.eslint(no-undef) When I remove eslint:recommended from the ...

typescripteslinteslintrctypescript-eslint

I attempted to implement a CSS and Typescript animation for a sliding effect, but unfortunately, it isn't functioning

So I'm encountering an issue with this unique ts code: {/* Mobile Menu */} <div className="lg:hidden"> <button className="flex items-center w-8" onClick={toggleMenu}> {isMobileMenuOpen ? ( ...

cssreactjstypescriptcss-animations

Unable to locate the necessary file. - Implementing TypeScript in a React application

Attempting to integrate TypeScript into an existing React app by following the steps outlined at: https://create-react-app.dev/docs/adding-typescript I've followed all the instructions but encountered the following error upon trying to launch the app ...

reactjstypescript

typescript restrict strings using keys

Here is the interface I am working with: interface Address { street: string town: string country: string } I am looking to create a function that takes in a specific key parameter which must be one of three strings: function useKey(key: "street ...

typescript

How can you display a loading indicator after a delay using Observables, but make sure to cancel it if the loading is completed

Within my customer-detail component, I have implemented code that achieves the desired outcome. However, I believe there might be a more reactive and observable way to approach this task. Instead of using an if statement to set this.isLoading = true;, is ...

angulartypescriptrxjsreactive-programmingrxjs5

The Express middleware type cannot be assigned as expected

I'm encountering an error where my first middleware is being red underlined. I can't figure out why it's only happening to the first one. https://i.sstatic.net/PahAz.png https://i.sstatic.net/GgxBy.png Can anyone provide some guidance on ...

javascripttypescriptexpress