GitHub with parcel

1

It’s working on localhost, but when I try to publish it to GitHub, it appears only html and css - there is no js functionality at all.
There is my package.json. Maybe I miss something here?

{
  "name": "coctails",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "parcel index.html",
    "build": "parcel build index.html --public-url /coctails/",
    "deploy": "rm -rf dist/ && npm run build && gh-pages -d dist"
  },
  "homepage": "https//kristep.github.io/coctails",
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "parcel-bundler": "^1.12.4"
  },
  "dependencies": {
    "axios": "^0.19.2",
    "gh-pages": "^2.2.0",
    "parcel": "^1.9.7"
  },
  "browserslist": [
    "since 2017-06"
  ]
}
2

I see this in the console

Uncaught SyntaxError: Cannot use import statement outside a module

Looking at the source files it looks like the unbundled files and not the dist folder files. I also do not see a gh-pages branch in your repo (which should be the dist folder as I remember it).

It has been a long time since I last use GitHub pages or Parcel for that matter, so I would likely have to test it to see what is going on. Maybe I’m just missing something obvious or maybe someone else can give you an answer.

BTW, you are missing a colon : in the URL https//kristep.github.io/coctails for the homepage in package.json

3

thanks for your time. I gave up with parcel (for this time), remade it with webpack and everything is working now.

4

It’s too bad that the Parcel docs (IMO) are not better. I think it’s a neat tool and it has potential, but the docs always turned me off. I’m sure if I really dug into it, it might not be so bad, but I just remember always thinking that the docs needed some improvements.

Anyway, good to hear you got it working.