Deploying a web page to netlify using parcel

Support
1

I have set up a github account and linked it to a netlify account. I have also connected my respository to github using the command line terminal. Whenever I try to deploy my website to netlify.com, it keeps failing to build with the same error, here is the log:

2:55:51 PM: Build ready to start
2:55:53 PM: build-image version: be42e453d6c8f171cc2f654acc29c0a8b60e6d93
2:55:53 PM: build-image tag: v3.7.1
2:55:53 PM: buildbot version: 45d13c9ac5ccfc37079687d2b088a4256bf8d01c
2:55:53 PM: Fetching cached dependencies
2:55:53 PM: Failed to fetch cache, continuing with build
2:55:53 PM: Starting to prepare the repo for build
2:55:53 PM: No cached dependencies found. Cloning fresh repo
2:55:53 PM: git clone GitHub - SasanTazayoni/Basic-webpage-using-html-css: First project with HTML/CSS
2:55:54 PM: Preparing Git Reference refs/heads/main
2:55:55 PM: Parsing package.json dependencies
2:55:56 PM: Starting build script
2:55:56 PM: Installing dependencies
2:55:56 PM: Python version set to 2.7
2:55:58 PM: v12.18.0 is already installed.
2:55:58 PM: Now using node v12.18.0 (npm v6.14.4)
2:55:58 PM: Started restoring cached build plugins
2:55:58 PM: Finished restoring cached build plugins
2:55:58 PM: Attempting ruby version 2.7.1, read from environment
2:56:00 PM: Using ruby version 2.7.1
2:56:00 PM: Using PHP version 5.6
2:56:00 PM: Started restoring cached node modules
2:56:00 PM: Finished restoring cached node modules
2:56:00 PM: Installing NPM modules using NPM version 6.14.4
2:56:14 PM: > deasync@0.1.21 install /opt/build/repo/node_modules/deasync
2:56:14 PM: > node ./build.js
2:56:14 PM: linux-x64-node-12 exists; testing
2:56:14 PM: Binary is fine; exiting
2:56:15 PM: > core-js@2.6.12 postinstall /opt/build/repo/node_modules/core-js
2:56:15 PM: > node -e “try{require(‘./postinstall’)}catch(e){}”
2:56:15 PM: > parcel-bundler@1.12.4 postinstall /opt/build/repo/node_modules/parcel-bundler
2:56:15 PM: > node -e “console.log(‘\u001b[35m\u001b[1mLove Parcel? You can now donate to our open collective:\u001b[22m\u001b[39m\n > \u001b[34mhttps://opencollective.com/parcel/donate\u001b[0m’)”
2:56:15 PM: Love Parcel? You can now donate to our open collective:
2:56:15 PM: > Contribute to Parcel - Open Collective
2:56:16 PM: npm WARN Moshify@1.0.0 No description
2:56:16 PM: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules/fsevents):
2:56:16 PM: npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {“os”:“darwin”,“arch”:“any”} (current: {“os”:“linux”,“arch”:“x64”})
2:56:16 PM: added 757 packages from 460 contributors and audited 759 packages in 14.344s
2:56:16 PM: 42 packages are looking for funding
2:56:16 PM: run npm fund for details
2:56:16 PM: found 1 high severity vulnerability
2:56:16 PM: run npm audit fix to fix them, or npm audit for details
2:56:16 PM: NPM modules installed
2:56:17 PM: Started restoring cached go cache
2:56:17 PM: Finished restoring cached go cache
2:56:17 PM: go version go1.14.4 linux/amd64
2:56:17 PM: go version go1.14.4 linux/amd64
2:56:17 PM: Installing missing commands
2:56:17 PM: Verify run directory
2:56:19 PM: ​
2:56:19 PM: ────────────────────────────────────────────────────────────────
2:56:19 PM: Netlify Build
2:56:19 PM: ────────────────────────────────────────────────────────────────
2:56:19 PM: ​
2:56:19 PM: ❯ Version
2:56:19 PM: @netlify/build 9.17.1
2:56:19 PM: ​
2:56:19 PM: ❯ Flags
2:56:19 PM: apiHost: api.netlify.com
2:56:19 PM: cacheDir: /opt/build/cache
2:56:19 PM: deployId: 6061dc67f4d9a51abf4b55bc
2:56:19 PM: mode: buildbot
2:56:19 PM: testOpts:
2:56:19 PM: silentLingeringProcesses: ‘’
2:56:19 PM: ​
2:56:19 PM: ❯ Current directory
2:56:19 PM: /opt/build/repo
2:56:19 PM: ​
2:56:19 PM: ❯ Config file
2:56:19 PM: No config file was defined: using default values.
2:56:19 PM: ​
2:56:19 PM: ❯ Context
2:56:19 PM: production
2:56:19 PM: ​
2:56:19 PM: ────────────────────────────────────────────────────────────────
2:56:19 PM: 1. Build command from Netlify app
2:56:19 PM: ────────────────────────────────────────────────────────────────
2:56:19 PM: ​
2:56:19 PM: $ parcel build index.html
2:56:22 PM: :rotating_light: /opt/build/repo/images/sprite.svg: Invalid Version: undefined
2:56:22 PM: at new SemVer (/opt/build/repo/node_modules/@babel/preset-env/node_modules/semver/semver.js:314:11)
2:56:22 PM: at compare (/opt/build/repo/node_modules/@babel/preset-env/node_modules/semver/semver.js:647:10)
2:56:22 PM: at lt (/opt/build/repo/node_modules/@babel/preset-env/node_modules/semver/semver.js:688:10)
2:56:22 PM: at /opt/build/repo/node_modules/@babel/preset-env/lib/index.js:280:22
2:56:22 PM: at Object.default (/opt/build/repo/node_modules/@babel/helper-plugin-utils/lib/index.js:22:12)
2:56:22 PM: at getEnvPlugins (/opt/build/repo/node_modules/parcel-bundler/src/transforms/babel/env.js:62:34)
2:56:22 PM: at getEnvConfig (/opt/build/repo/node_modules/parcel-bundler/src/transforms/babel/env.js:12:25)
2:56:22 PM: at async getBabelConfig (/opt/build/repo/node_modules/parcel-bundler/src/transforms/babel/config.js:32:19)
2:56:22 PM: at async babelTransform (/opt/build/repo/node_modules/parcel-bundler/src/transforms/babel/transform.js:6:16)
2:56:22 PM: at async JSAsset.pretransform (/opt/build/repo/node_modules/parcel-bundler/src/assets/JSAsset.js:83:5)
2:56:24 PM: ​
2:56:24 PM: ────────────────────────────────────────────────────────────────
2:56:24 PM: “build.command” failed
2:56:24 PM: ────────────────────────────────────────────────────────────────
2:56:24 PM: ​
2:56:24 PM: Error message
2:56:24 PM: Command failed with exit code 1: parcel build index.html
2:56:24 PM: ​
2:56:24 PM: Error location
2:56:24 PM: In Build command from Netlify app:
2:56:24 PM: parcel build index.html
2:56:24 PM: ​
2:56:24 PM: Resolved config
2:56:24 PM: build:
2:56:24 PM: command: parcel build index.html
2:56:24 PM: commandOrigin: ui
2:56:24 PM: publish: /opt/build/repo/dist
2:56:24 PM: Caching artifacts
2:56:24 PM: Started saving node modules
2:56:24 PM: Finished saving node modules
2:56:24 PM: Started saving build plugins
2:56:24 PM: Finished saving build plugins
2:56:24 PM: Started saving pip cache
2:56:24 PM: Finished saving pip cache
2:56:24 PM: Started saving emacs cask dependencies
2:56:25 PM: Finished saving emacs cask dependencies
2:56:25 PM: Started saving maven dependencies
2:56:25 PM: Finished saving maven dependencies
2:56:25 PM: Started saving boot dependencies
2:56:25 PM: Finished saving boot dependencies
2:56:25 PM: Started saving rust rustup cache
2:56:25 PM: Finished saving rust rustup cache
2:56:25 PM: Started saving go dependencies
2:56:25 PM: Finished saving go dependencies
2:56:27 PM: Build failed due to a user error: Build script returned non-zero exit code: 2
2:56:27 PM: Failing build: Failed to build site
2:56:27 PM: Failed during stage ‘building site’: Build script returned non-zero exit code: 2
2:56:27 PM: Finished processing build request in 34.596843988s

My code works on the live server and I have remade the svg file that is being queried using a .svg sprite generator (https://svgsprit.es/) but I still keep getting the same error above and the deployment fails.

package.json:

**

{
  "name": "Parampashkulify",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "repository": {
    "type": "git",
    "url": "git+https://github.com/Parampashkul/Parampashkulify.git"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "bugs": {
    "url": "https://github.com/Parampashkul/Parampashkulify/issues"
  },
  "homepage": "https://github.com/Parampashkul/Parampashkulify#readme",
  "devDependencies": {
    "parcel-bundler": "^1.12.4"
  }
}

**

Any help would be really appreciated!

1 Like
2

The log seems to be missing.

3

Hiya, sorry you are having trouble with your build.

This Support Guide contains a ton of useful debugging tips that can likely help you solve your problem :slight_smile:

We also recommend trying to search the forums with the build error you encountered - it’s likely your question was already asked by someone else!

If you are still having problems, please provide as much information as you can on what you have already tried, what your build settings are, your package.json, etc. Thanks!

4

have you found any solutions i am having the same issue

5

Usually when you try to deploy using parcel, it doesn’t do well when minifying SVG files so instead of your regular command “parcel build index.html” try using “parcel build index.html --no-minify”.

Alternatively if this doesn’t work, you can manually drag and drop your entire file folder into the netlify app via manual deploy.

1 Like
6

Thanks for sharing this with the community!