Code Monkey home page Code Monkey logo

Comments (6)

pomber avatar pomber commented on May 28, 2024

Well, it's using create-react-app even when I use the vanilla template:

export default function App() {
  return <SandpackRunner template="vanilla" />;
}

When I click the "Open in CodeSandbox" button, it shows:

Not sure if that's intentional.

from sandpack.

alexnm avatar alexnm commented on May 28, 2024

this is codesandbox determining the environment based on the input files. for generating the sandbox via the link we only pass the files, no meta information about environment. but I'm looking into the parcel/vanilla setup to see why your first example doesn't work

from sandpack.

pomber avatar pomber commented on May 28, 2024

Not sure if it is related to the environment, but when I try a sandpack that is just an HTML loading an external script, the script doesn't load. I tried several things and couldn't make it work.

from sandpack.

alexnm avatar alexnm commented on May 28, 2024

this is a limitation of the current bundler, I'll make a new issues tomorrow explaining the exact situation. currently we cannot execute code that is passed in the head tag of the entry html file

from sandpack.

pomber avatar pomber commented on May 28, 2024

this is a limitation of the current bundler, I'll make a new issues tomorrow explaining the exact situation. currently we cannot execute code that is passed in the head tag of the entry html file

Same happens if I move the script from the head to the body. Any workaround to load an external script from the HTML?

from sandpack.

alexnm avatar alexnm commented on May 28, 2024

We probably need to change the implementation in the bundler, the body is replaced with the body of the HTML page, but scripts are not executed this way.

from sandpack.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.