Google App Script Deploy as Web App stuck at Fetching Data

Question

I am working on a internal app for my company in G Suite. I have a modal dialog that I am using in the spreadsheet app. I can not find a way to do this on Drive for mobile so I decided to Deploy as a web app. I have never used this feature in app script so I decided to set up a new project to mess around with before I applied it to my active project. I have two files in the project; Code.gs

    function doGet(e) {
  return HtmlService
    .createHtmlOutputFromFile('mainPage')
    .setSandboxMode(HtmlService.SandboxMode.IFRAME);
}

and mainPage.html

<!DOCTYPE html>

<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
</head>

<body>
    <!-- Reference: http://getbootstrap.com/javascript/#tabs -->
    <div role="tabpanel">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a role="tab" data-toggle="tab" aria-controls="home" href="#home">Home</a>
            </li>
            <li role="presentation"><a role="tab" data-toggle="tab" aria-controls="profile" href="#profile">Profile</a>
            </li>
            <li role="presentation"><a role="tab" data-toggle="tab" aria-controls="messages" href="#messages">Messages</a>
            </li>
            <li role="presentation"><a role="tab" data-toggle="tab" aria-controls="settings" href="#settings">Settings</a>
            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <div role="tabpanel" class="tab-pane active" id="home">Lorem ipsum dolor sit amet</div>
            <div role="tabpanel" class="tab-pane" id="profile">consectetur adipiscing elit,</div>
            <div role="tabpanel" class="tab-pane" id="messages">sed do eiusmod tempor incididun</div>
            <div role="tabpanel" class="tab-pane" id="settings">ut labore et dolore magna aliqua</div>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</body>

</html>

I click "File>Manage Version" and create a version. Then "Publish>Deploy As WebApp" and get this Fetching Data

I have let this sit for more than 30 minutes with no change. I restarted my system and went through the steps again and still no change. Any suggestions on what is going on?

Have you tried clicking the button? or perhaps asking your admin if you have permision to deploy a webapp? — Cooper
Your missing an html tag just under !DOCTYPE. It deploys for me. — Cooper
Yeah I tried clicking the button, and I am the admin so that doesn't help. However, your comment got me thinking. The spreadsheet the GAS project is tied to was created on my personal account outside of the domain, so I logged into my personal account and tried and it worked. There are errors in my code somewhere but at least I am able to trouble shoot now. Thanks for the help. — J Cham
Same issue for me, it actually stopped mid deploy, and is stuck here, but the same script on the same sheet works if I share with another user — Hink

Mike Mike · Accepted Answer · 2019-12-11T15:05:01

Any suggestions on what is going on?

To figure out what's going on, look at the underlying Google request via browser tools.

For Chrome:

Open Developer tools
Click the Network tab
Re-run "Deploy as web app"
Look for "sharingService" in the Network tab
Click on it and review the underlying message

In my case, I was attempting to deploy from an account outside the organization:

Only users in the organization may deploy this script.

View the specifics for your case and decide what the next appropriate action is.

Google App Script Deploy as Web App stuck at Fetching Data

3 Answers