Comments (7)
enuchi
commented on July 29, 2024
3
Hey @coccoinomane -- actually got this to work anyway! Posting details here in case it's useful for others.
Looks like you need to use the "standalone" version of React Dev Tools when the React App is running in an iframe (more details here).
Pretty easy to set up:
- In your repo install the Dev Tools tool:
npm install -D react-devtools - In a new terminal window run
npx react-devtoolsto launch the Dev Tools app. - Add
<script src="http://localhost:8097"></script>to the top of your<head>in your react app. For example, I added this line to the index.html file in the sample bootstrap app. - Deploy your app and you should see the Dev Tools showing your app.
Don't forget to remove the <script> tag before deploying to production.
from react-google-apps-script.
coccoinomane
commented on July 29, 2024
1
Impressive, thank you for the workaround!
Maybe it's worth including it in the README?
from react-google-apps-script.
enuchi
commented on July 29, 2024
1
@coccoinomane I added the notes from above to the README.
from react-google-apps-script.
enuchi
commented on July 29, 2024
Sorry @coccoinomane, I haven't been able to look into this. Did you figure something out?
from react-google-apps-script.
coccoinomane
commented on July 29, 2024
Hi @enuchi ! I did not manage to make it work, but it's no big issue :-)
from react-google-apps-script.
RealSlimMahdi
commented on July 29, 2024
Thank you @enuchi for your work, this is a very useful project, I am glad I heard of it on Reddit.
from react-google-apps-script.
enuchi
commented on July 29, 2024
Thank you @RealSlimMahdi!
from react-google-apps-script.
Related Issues (20)
- White (blank) sidebar in Chrome when using Station wallet Chrome extension HOT 12
- How to use shadcn/ui HOT 1
- Issue: app is not loaded when I deploy, but does work with HMR HOT 2
- I want to use fast refresh without https
- How to deploy a google workspace addon using this? HOT 6
- Is it possible to pass initial state to React root component? HOT 3
- Uncaught ReferenceError: react is not defined HOT 1
- Typescript support for custom functions HOT 14
- Seeing "Running script" with "Cancel" and "Dismiss" instead of "Working" when executing opening the sidebar HOT 2
- Support for NextJs HOT 4
- Uncaught ReferenceError: emotionReact is not defined at 9291 (userCodeAppPanel:2:53729) HOT 5
- JSdocs Autocomplete not working as expected HOT 9
- ReferenceError: TextEncoder is not defined : how to diagnose a solution HOT 3
- TypeScript support for TableCell.setBold() TableCell.setFontSize() HOT 1
- Solution for webapp react-router sync with google.script.history (Client-side API) HOT 3
- How to expose an Appscript ServerFunction to the user for attaching as a script? HOT 3
- How to create custom functions in V3 version? HOT 5
- [Q] Any breaking change while migrating from V2 webpack to V3 vite? HOT 2
- Close dialog in Development Mode using google.script.host.close() HOT 1
- [Help needed] - How to use scriptlets? HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-google-apps-script.