Forge trying to build files in static folder and failing

MichaelIlewicz · November 28, 2021, 12:42pm

Hi, I am trying to mix some customUI with the UI kit but haven’t been successful in doing so. I used react-create-app to kickstart my UI project, and I have successfully built the static files without any issues.

here is a simplified directory tree

src/
├─ index.jsx
├─ resolver.tsx
static/
├─ myApp/
│  ├─ src/
│  │  ├─ index.js
│  │  ├─ App.tsx
│  ├─ build/
│  ├─ public/
│  │  ├─ index.html
manifest.yml

and here the content of my manifest

modules:
  jira:customFieldType:
    - key: my-app
      name: myApp
      description: An issue picker custom field type restricted via JQL.
      icon: https://developer.atlassian.com/platform/forge/images/icons/issue-countries-icon.svg
      type: string
      collection: list
      formatter: 
        expression: "`${value.key}"
        required: ["key"]
      function: main
      edit:
        function: edit
      contextConfig:
        function: configureContext
        resource: configureContextRes
  function:
    - key: main
      handler: index.runView
    - key: edit
      handler: index.runEdit
    - key: configureContext
      handler: resolver.handler
permissions:
  scopes: 
    - manage:jira-configuration
app:
  id: myAppId
resources:
  - key: configureContextRes
    path: static/myApp/build

However, back in the root directory, when I run forge deploy I get the following error message:

Running forge lint...
No issues found.

× Deploying your app to development...

i Packaging app files

Error: TypeScript errors in the app caused the bundling to fail. Fix the errors listed below before rerunning the command. 
[tsl] ERROR in C:\Users\Ilewicz\Documents\programming\jira-app\issue-picker\static\issue-picker\src\App.tsx(2,8)
      TS1259: Module '"AppPath\\static\\myApp\\node_modules\\@types\\react\\index"' can only be default-imported using the 'esModuleInterop' flag
[tsl] ERROR in AppPath\static\myApp\src\App.tsx(46,6)
      TS2304: Cannot find name 'ForgeUI'.

my Custom UI resource only uses atlaskit components. When I follow the line indication (2,8) points to my import React from ‘react’ statement and (46,6) points to my atlaskit components in my apps return. I am not sure why it would expect ForgeUI to even show up. After adding ForgeUI from ‘@forge/ui’ to my static app files, the second error disappears but the error related to the esModuleInterop flag remains.

running deploy with --verbose returns the traceback

...\\node_modules\\@types\\react\\index"' can only be default-imported using the 'esModuleInterop' flag  
    at AppPackager.package (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\out\deploy\packager\packager.js:39:23)
    at runMicrotasks (<anonymous>)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async PackageUploadDeployCommand.execute (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\out\deploy\package-upload-deploy.js:11:45)
    at async CommandLineUI.displayProgress (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\node_modules\@forge\cli-shared\out\ui\command-line-ui.js:44:28)
    at async DeployView.reportDeploymentProgress (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\out\command-line\view\deploy-view.js:50:24)
    at async DeployController.run (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\out\command-line\controller\deploy-controller.js:122:27)
    at async Command.actionProcessor (C:\Users\Ilewicz\AppData\Roaming\npm\node_modules\@forge\cli\out\command-line\command.js:76:32)

To me, this looks like forge would be trying to pick up on the unbuilt tsx files from the static resource folder and trying to build the atlaskit components, but I would like your opinion on this as well… If my assumption is correct, how can I prevent forge from trying to build these files?

Some help would be greatly appreciated!

Dmitrii · November 28, 2021, 12:58pm

Hi @MichaelIlewicz. Could you please share the first 5 lines of your static\issue-picker\src\App.tsx app?

MichaelIlewicz · November 28, 2021, 1:14pm

Hi @Dmitrii thanks for the quick response! the first few lines are

import { invoke, view } from "@forge/bridge";
import React, { useState } from "react";
import ForgeUI from "@forge/ui"
import Form, {
  CheckboxField,
  Fieldset,
  FormFooter,
} from "@atlaskit/form";

Dmitrii · November 28, 2021, 6:54pm

Thanks. Seems like you should have allowSyntheticDefaultImports: true in your tsconfig.json (link). Could you please check if this works for you?

MichaelIlewicz · November 28, 2021, 8:56pm

Thanks!! I realized that my project root directory did not have a tsconfig.json. After copying the tsconfig.json that has been generated by create-react-app in the static resource, the project now builds (although very slowly… is this normal?)

Unfortunately, when I try to edit my custom field configuration, nothing is rendered. I tried to replace the static App with something that only renders a <div>Hello World </div> and even place a manual Hello World into the index.html of the static app but neither of these has been rendered. Looking at my developer tools in the browser I get this console output

DevTools failed to load source map: Could not load content for https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/c63f6e721f5bfffd48ef639f47a313a0/_/download/contextbatch/css/jira.webresources:skate,jira.webresources:dialogs,jira.webresources:jira-global,jira.webresources:util-lite,jira.webresources:util,jira.webresources:feature-flags,com.atlassian.auiplugin:aui-spinner,com.atlassian.jira.jira-client-analytics-plugin:analytics-web-client,jira.webresources:top-same-origin-window,-jira.heritage.critical/adg3-sidebar-layout-overrides-min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/c62009e2fea14aa06fffad951a5f1f31/_/download/contextbatch/css/com.atlassian.jira.jira-atlaskit-plugin:breadcrumbs,-jira.webresources:util,-jira.webresources:jira-global,-com.atlassian.auiplugin:aui-spinner,-jira.webresources:feature-flags,-jira.webresources:dialogs,-jira.webresources:util-lite,-jira.heritage.critical,-com.atlassian.jira.jira-client-analytics-plugin:analytics-web-client/adg3-breadcrumbs-min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51 DEPRECATED JS - Cookie has been deprecated since 5.8.0 and will be removed in a future release. Use cookie instead.   
     at b.default (https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/1cffc4ec8c626c88e6e2dbc6ab92c555/_/download/contextbatch/js/jira.webresources:skate,jira.webresources:dialogs,jira.webresources:jira-global,jira.webresources:util-lite,jira.webresources:util,jira.webresources:feature-flags,com.atlassian.auiplugin:aui-spinner,com.atlassian.jira.jira-client-analytics-plugin:analytics-web-client,jira.webresources:top-same-origin-window,-jira.heritage.critical/batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:48:209)
k @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:52
get @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:54
b.default @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:48
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:3495
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:3495
commons.227b87c6e67599b3aa0c.8.js:343 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.atlassian.com/metal/ingest with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendBeacon @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendData @ commons.227b87c6e67599b3aa0c.8.js:344
e.send @ commons.227b87c6e67599b3aa0c.8.js:344
e.flush @ commons.227b87c6e67599b3aa0c.8.js:335
setInterval (async)
e @ commons.227b87c6e67599b3aa0c.8.js:335
t @ commons.227b87c6e67599b3aa0c.8.js:340
e @ commons.227b87c6e67599b3aa0c.8.js:327
c @ commons.227b87c6e67599b3aa0c.8.js:955
oe @ commons.227b87c6e67599b3aa0c.8.js:906
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:224
./src/entry/jira-spa.js @ jira-spa.fe39b9ef12484e579fa4.8.js:228
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
14 @ jira-spa.fe39b9ef12484e579fa4.8.js:1002
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
s @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
a @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:1
batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51 DEPRECATED JS - Dropdown constructor has been deprecated and will be removed in a future release. Use Dropdown2 instead.   
     at HTMLDocument.<anonymous> (https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/1cffc4ec8c626c88e6e2dbc6ab92c555/_/download/contextbatch/js/jira.webresources:skate,jira.webresources:dialogs,jira.webresources:jira-global,jira.webresources:util-lite,jira.webresources:util,jira.webresources:feature-flags,com.atlassian.auiplugin:aui-spinner,com.atlassian.jira.jira-client-analytics-plugin:analytics-web-client,jira.webresources:top-same-origin-window,-jira.heritage.critical/batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:4229:201)
k @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:52
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:53
i.bindConfigDashboardDds @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:4226
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:4229
d @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
add @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
ready @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
init @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
s @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:4229
l @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
setTimeout (async)
s @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
window.require @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:9
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:4229
VM1507:6770 crbug/1173575, non-JS module files deprecated.
(anonymous) @ VM1507:6770
batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:40 AJS's create element functionality has been deprecated since 5.9.0.
No alternative will be provided.
Use document.createElement() or jQuery.parseHTML(), or preferably use a templating library.
a.default @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:40
d @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
add @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
ready @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
init @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
s @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:27
f @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jag=true&jsI18nTransformer=existing&locale=en-US&sd_operational=true:487
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jag=true&jsI18nTransformer=existing&locale=en-US&sd_operational=true:487
l @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
setTimeout (async)
s @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
window.require @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:9
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jag=true&jsI18nTransformer=existing&locale=en-US&sd_operational=true:487
batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51 DEPRECATED JS - Inline dialog constructor has been deprecated and will be removed in a future release. Use inline dialog 2 instead.   
     at l (https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/f6a3c32f9899a2174748880e58a01b22/_/download/contextbatch/js/jira.heritage.critical/batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6:2054)
k @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:51
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:52
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jsI18nTransformer=existing&locale=en-US:53
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jag=true&jsI18nTransformer=existing&locale=en-US&sd_operational=true:755
l @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
u @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
l @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
setTimeout (async)
s @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:6
window.require @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true:9
(anonymous) @ batch.js?feature-cleansweep-wrm-logging=true&feature-kirigami-wrm-require-client-rewrite=true&jag=true&jsI18nTransformer=existing&locale=en-US&sd_operational=true:824
commons.227b87c6e67599b3aa0c.8.js:343 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.atlassian.com/metal/ingest with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendBeacon @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendData @ commons.227b87c6e67599b3aa0c.8.js:344
e.send @ commons.227b87c6e67599b3aa0c.8.js:344
e.flush @ commons.227b87c6e67599b3aa0c.8.js:335
setInterval (async)
e @ commons.227b87c6e67599b3aa0c.8.js:335
t @ commons.227b87c6e67599b3aa0c.8.js:340
e @ commons.227b87c6e67599b3aa0c.8.js:327
c @ commons.227b87c6e67599b3aa0c.8.js:955
oe @ commons.227b87c6e67599b3aa0c.8.js:906
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:224
./src/entry/jira-spa.js @ jira-spa.fe39b9ef12484e579fa4.8.js:228
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
14 @ jira-spa.fe39b9ef12484e579fa4.8.js:1002
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
s @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
a @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:1
commons.227b87c6e67599b3aa0c.8.js:343 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.atlassian.com/metal/ingest with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendBeacon @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendData @ commons.227b87c6e67599b3aa0c.8.js:344
e.send @ commons.227b87c6e67599b3aa0c.8.js:344
e.flush @ commons.227b87c6e67599b3aa0c.8.js:335
setInterval (async)
e @ commons.227b87c6e67599b3aa0c.8.js:335
t @ commons.227b87c6e67599b3aa0c.8.js:340
e @ commons.227b87c6e67599b3aa0c.8.js:327
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:308
await in (anonymous) (async)
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:307
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:308
(anonymous) @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:527
oi @ vendor~f9ca8911.6363f370cd289b815775.8.js:75
t.useState @ vendor~f9ca8911.6363f370cd289b815775.8.js:399
o @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:527
b @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:307
Ja @ vendor~f9ca8911.6363f370cd289b815775.8.js:72
kl @ vendor~f9ca8911.6363f370cd289b815775.8.js:120
vs @ vendor~f9ca8911.6363f370cd289b815775.8.js:112
hs @ vendor~f9ca8911.6363f370cd289b815775.8.js:112
ls @ vendor~f9ca8911.6363f370cd289b815775.8.js:109
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:60
t.unstable_runWithPriority @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:470
$o @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
Xo @ vendor~f9ca8911.6363f370cd289b815775.8.js:60
Yo @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
ns @ vendor~f9ca8911.6363f370cd289b815775.8.js:106
bi @ vendor~f9ca8911.6363f370cd289b815775.8.js:77
e.onload @ async-navigation~atlaskit.a2a739d46eebb23a0c2b.8.js:28
load (async)
(anonymous) @ async-navigation~atlaskit.a2a739d46eebb23a0c2b.8.js:28
vi @ vendor~f9ca8911.6363f370cd289b815775.8.js:76
t.useMemo @ vendor~f9ca8911.6363f370cd289b815775.8.js:399
g @ async-navigation~atlaskit.a2a739d46eebb23a0c2b.8.js:28
Ja @ vendor~f9ca8911.6363f370cd289b815775.8.js:72
qi @ vendor~f9ca8911.6363f370cd289b815775.8.js:81
kl @ vendor~f9ca8911.6363f370cd289b815775.8.js:121
vs @ vendor~f9ca8911.6363f370cd289b815775.8.js:112
hs @ vendor~f9ca8911.6363f370cd289b815775.8.js:112
ls @ vendor~f9ca8911.6363f370cd289b815775.8.js:109
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:60
t.unstable_runWithPriority @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:470
$o @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
Xo @ vendor~f9ca8911.6363f370cd289b815775.8.js:60
Yo @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
ss @ vendor~f9ca8911.6363f370cd289b815775.8.js:109
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:367
V @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:469
w.port1.onmessage @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:468
commons.227b87c6e67599b3aa0c.8.js:343 Cross-Origin Read Blocking (CORB) blocked cross-origin response https://api.atlassian.com/metal/ingest with MIME type application/json. See https://www.chromestatus.com/feature/5629709824032768 for more details.
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
(anonymous) @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendBeacon @ commons.227b87c6e67599b3aa0c.8.js:343
e.sendData @ commons.227b87c6e67599b3aa0c.8.js:344
e.send @ commons.227b87c6e67599b3aa0c.8.js:344
e.flush @ commons.227b87c6e67599b3aa0c.8.js:335
setInterval (async)
e @ commons.227b87c6e67599b3aa0c.8.js:335
t @ commons.227b87c6e67599b3aa0c.8.js:340
e @ commons.227b87c6e67599b3aa0c.8.js:327
c @ commons.227b87c6e67599b3aa0c.8.js:955
oe @ commons.227b87c6e67599b3aa0c.8.js:906
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:224
./src/entry/jira-spa.js @ jira-spa.fe39b9ef12484e579fa4.8.js:228
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
14 @ jira-spa.fe39b9ef12484e579fa4.8.js:1002
o @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:236
s @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
a @ app?atl_token=e89bfe44-b570-48c7-9c7b-1abb25510db8_98e9edbb795fdc6e2cb7059e14e515f2baddee8b_lin:68
(anonymous) @ jira-spa.fe39b9ef12484e579fa4.8.js:1
async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701 Uncaught Error while sending bridge message: Window did not load after 5000ms
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
setTimeout (async)
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
setTimeout (async)
t.reject @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
Promise.then (async)
o @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.dispatch @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:702
t.reject @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.dispatch @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.reject @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.dispatch @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.reject @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.dispatch @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
t.reject @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:701
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:703
setTimeout (async)
t.timeout @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:702
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:730
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:730
e.try @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:704
e @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:729
open @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:153
(anonymous) @ async-forge-ui-iframe-renderer.b6d38190c5cc8230580e.8.js:338
sl @ vendor~f9ca8911.6363f370cd289b815775.8.js:99
Es @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
t.unstable_runWithPriority @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:470
$o @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
ws @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
V @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:469
w.port1.onmessage @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:468
jira-spa.fe39b9ef12484e579fa4.8.js:266 GET https://jrms.atlassian.net/rest/api/latest/user/properties/growth-nux?accountId=6196176bb43d5b006aae0977 404
d @ jira-spa.fe39b9ef12484e579fa4.8.js:266
(anonymous) @ async-atlassian-navigation.c6c27786dcb8f9204bfd.8.js:338
(anonymous) @ async-atlassian-navigation.c6c27786dcb8f9204bfd.8.js:341
l @ vendor~f9ca8911.6363f370cd289b815775.8.js:363
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:363
(anonymous) @ async-atlassian-navigation.c6c27786dcb8f9204bfd.8.js:338
sl @ vendor~f9ca8911.6363f370cd289b815775.8.js:99
Es @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
t.unstable_runWithPriority @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:470
$o @ vendor~f9ca8911.6363f370cd289b815775.8.js:59
ws @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
(anonymous) @ vendor~f9ca8911.6363f370cd289b815775.8.js:118
V @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:469
w.port1.onmessage @ vendor~31ecd969.a9142e76672d9e66ac92.8.js:468
DevTools failed to load source map: Could not load content for https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/6f6fb0782d6eef31610e223e7a39b533/_/download/contextbatch/css/com.atlassian.jira.jira-atlaskit-plugin:overrides-dialogs/adg3-dialog-overrides-min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for https://d1km8z6vsjbsdc.cloudfront.net/atl-vertigo--shard-jira-prod-eu-28--4--jres.atlassian.net/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-dtzt95/b/3/0a24b78f64d46ba6e55acfc0da4dea88/_/download/contextbatch/css/jira.webresources:key-commands,jira.webresources:header,com.atlassian.administration.atlassian-admin-quicksearch-jira:admin-quicksearch-webresources,jira.webresources:global-static,com.atlassian.jira.plugins.jira-development-integration-plugin:repository-shortcuts-navigation-next,com.atlassian.analytics.analytics-client:js-events,com.atlassian.plugins.atlassian-connect-plugin:jira-atlassian-connect-resources-v5,com.atlassian.jira.jira-fileviewer-plugin:atlassian-fileviewer,com.atlassian.jira.jira-issue-nav-plugin:stylesheets,com.atlassian.crowd.user-provisioning-vertigo-plugin:impersonation-resources,com.atlassian.jira.jira-atlaskit-plugin:overrides-general,com.atlassian.pas:pas-everypage-static,com.atlassian.auiplugin:dialog2,com.atlassian.jira.plugins.jira-development-integration-plugin:devsummarycf-resources-init,com.pyxis.greenhopper.jira:gh-create-board-adg3-no-condition,-com.atlassian.jira.jira-quick-edit-plugin:quick-create-issue,-jira.webresources:jira-global,-com.atlassian.auiplugin:aui-spinner,-com.atlassian.jira.plugins.jira-dnd-attachment-plugin:shared-utility,-com.pyxis.greenhopper.jira:gh-view-issue,-jira.create.issue,-jira.webresources:feature-flags,-jira.webresources:dialogs,-com.atlassian.jira.jira-client-analytics-plugin:analytics-web-client,-jira.webresources:util,-com.atlassian.jira.plugins.jira-wiki-editor:wiki-editor-resources-init,-jira.webresources:util-lite,-com.pyxis.greenhopper.jira:gh-issue-type-whitelist,-jira.webresources:calendar-en,-com.atlassian.jira.jira-atlaskit-plugin:breadcrumbs,-jira.webresources:skate,-com.atlassian.jira.plugins.jira-browser-metrics:contrib,-jira.heritage.critical,-com.atlassian.plugins.browser.metrics.browser-metrics-plugin:impl,-jira.webresources:top-same-origin-window/adg3-general-overrides-min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

I am sorry if this is something obvious… I am still pretty new to web dev

MichaelIlewicz · November 29, 2021, 8:50am

Turns out this issue was because I was using a different browser than chrome or firefox while tunneling! When I stop the tunnel my Hello World app displays and using chrome while tunneling allows me to get the tunnel console output!