GithubHelp home page GithubHelp logo

tseijp / marp-remix-cloudflare-test Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 130 KB

Created with CodeSandbox https://codesandbox.io/s/github/tseijp/marp

Home Page: https://marp.tseijp.workers.dev/speech.md

JavaScript 26.61% TypeScript 73.39%

marp-remix-cloudflare-test's Introduction

Welcome to Remix!

Development

You will be running two processes during development:

  • The Miniflare server (miniflare is a local environment for Cloudflare Workers)
  • The Remix development server

Both are started with one command:

npm run dev

Open up http://127.0.0.1:8787 and you should be ready to go!

If you want to check the production build, you can stop the dev server and run following commands:

npm run build
npm start

Then refresh the same URL in your browser (no live reload for production builds).

Deployment

Use wrangler to build and deploy your application to Cloudflare Workers. If you don't have it yet, follow the installation guide to get it setup. Be sure to authenticate the CLI as well.

If you don't already have an account, then create a cloudflare account here and after verifying your email address with Cloudflare, go to your dashboard and set up your free custom Cloudflare Workers subdomain.

Once that's done, you should be able to deploy your app:

npm run deploy

marp-remix-cloudflare-test's People

Contributors

tseijp avatar

Watchers

 avatar

marp-remix-cloudflare-test's Issues

Remix deploy Error: "process is not defined"

marp dependencies packages does not support Remix deploy

REF

  1. [Bug]: Error "process is not defined" when accessing environment variables · Issue #1186 · remix-run/remix
  2. [Bug]: TypeError: Cannot read properties of undefined (reading 'root') · Issue #1618 · remix-run/remix
  3. remix.run - window is not defined when trying to access environment variables in Remix - Stack Overflow
$ yarn deploy
yarn run v1.22.17
$ npm run build && wrangler publish

> build      
> remix build

Building Remix app in production mode...
Built in 1.4s
 Build completed successfully!
 Using namespace for Workers Site "__marp-workers_sites_assets"
 Success
 Uploading site files
Error: Something went wrong with the request to Cloudflare...
Uncaught ReferenceError: process is not defined
  at line 34
  at line 1
  at line 36
  at line 1
  at line 60
  at line 1
  at line 62
  at line 1
  at line 62
  at line 1
 [API code: 10021]
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Remix deploy Error: "Code generation from strings disallowed for this context"

marp dependencies does not support remix deploy.

ref

[mf:inf] Build succeeded
[mf:err] ~\build\index.js:102414
      var load = eval("require");
                 ^

EvalError: Code generation from strings disallowed for this context
    at ~\build\index.js:102414:18
    at node_modules/mathjax-full/js/components/version.js (~\build\index.js:102418:6)
    at __require2 (~\build\index.js:48:50)
    at node_modules/mathjax-full/js/mathjax.js (~\build\index.js:102566:24)
    at __require2 (~\build\index.js:48:50)
    at node_modules/mathjax-full/js/util/AsyncLoad.js (~\build\index.js:102589:24)
    at __require2 (~\build\index.js:48:50)
    at node_modules/mathjax-full/js/util/Entities.js (~\build\index.js:102619:26)
    at __require2 (~\build\index.js:48:50)
    at node_modules/mathjax-full/js/adaptors/lite/Parser.js (~\build\index.js:103143:33)

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.