Typescript & Next Dependencies

Need help
1

My run_script are as below:

async function(properties, context){
    const axios = require("axios");
    const @creatomate/preview = require("@creatomate/preview");
    const creatomate = require("creatomate");
    const eslint = require("eslint");
    const eslint-config-next = require("eslint-config-next");
    const lodash = require("lodash");
    const modern-normalize = require("modern-normalize");
    const next = require("next");
    const react = require("react");
    const react-draggable = require("react-draggable");
    const styled-components = require("styled-components");
    const typescript = require("typescript");
    const fix-esm = require("fix-esm");
}

Nothing else is added yet as I’m only testing to see if the deployment would work.

My dependencies are as follows:

{
    "dependencies": {
        "axios": "latest",
        "@creatomate/preview": "^1.5.0",
        "creatomate": "^1.1.0",
        "eslint": "^8.30.0",
        "eslint-config-next": "^12.0.4",
        "lodash": "^4.17.21",
        "modern-normalize": "^1.1.0",
        "next": "^13.1.1",
        "react": "^18.2.0",
        "react-dom": "^18.2.0",
        "react-draggable": "^4.4.5",
        "styled-components": "^5.3.6",
        "typescript": "^4.9.4",
	     "fix-esm": "latest"
    }
}

I’m trying to install NPM as stated in their guide here: How to Build a Video Editor in JavaScript - Creatomate

I’ve read that I can install NPMs via package.json from this thread: To include a custom js file in bubble plugin developmant - Need help / Plugins - Bubble Forum

But when I include Typscript & Next into the dependencies - I get this error:

NPM Error
NPM Error594×644 48.6 KB

I got the list of dependencies from here: creatomate-preview/package.json at main · Creatomate/creatomate-preview · GitHub

Any guidance is greatly appreciated.

2

Haha… You’ve got a long ways to go my friend. First off, you’re not going to import Next into Bubble, just not going to happen. You need to build this on your own app, then just import it into Bubble.

You’re importing development dependencies that you cannot actually use in their package manager.

3

Thank you. I indeed do have a long way to go. :sweat_smile: I greatly appreciate you pointing this out to me.

4

This topic was automatically closed after 70 days. New replies are no longer allowed.