Spline iframe in Vue.js portfolio not deploying

Support
,
1

My site:
https://moeltahir.netlify.app/

Github repo: https://github.com/MoElaSec/Vue_Portfolio

How it looks like locally:

image
image1920×1308 85 KB

Error stack in Netlify:

4:51:49 AM: Build ready to start
4:51:51 AM: build-image version: 0e2f4c52031ab562db66aec633308326e3b108d0 (focal)
4:51:51 AM: build-image tag: focal
4:51:51 AM: buildbot version: 8dba8e08e1359f22ae92654e177dea552324c91c
4:51:51 AM: Fetching cached dependencies
4:51:51 AM: Failed to fetch cache, continuing with build
4:51:51 AM: Starting to prepare the repo for build
4:51:51 AM: No cached dependencies found. Cloning fresh repo
4:51:51 AM: git clone https://github.com/MoElaSec/Vue_Portfolio
4:51:52 AM: Preparing Git Reference refs/heads/master
4:51:52 AM: Parsing package.json dependencies
4:51:53 AM: Starting build script
4:51:53 AM: Installing dependencies
4:51:53 AM: Python version set to 2.7
4:51:54 AM: v16.15.1 is already installed.
4:51:54 AM: Now using node v16.15.1 (npm v8.11.0)
4:51:54 AM: Started restoring cached build plugins
4:51:54 AM: Finished restoring cached build plugins
4:51:54 AM: Attempting ruby version 2.7.2, read from environment
4:51:55 AM: Using ruby version 2.7.2
4:51:56 AM: Using PHP version 8.0
4:51:56 AM: No npm workspaces detected
4:51:56 AM: Started restoring cached node modules
4:51:56 AM: Finished restoring cached node modules
4:51:56 AM: Installing NPM modules using NPM version 8.11.0
4:51:57 AM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
4:51:57 AM: npm WARN config location in the cache, and they are managed by
4:51:57 AM: npm WARN config cacache.
4:51:57 AM: npm WARN config tmp This setting is no longer used. npm stores temporary files in a special
4:51:57 AM: npm WARN config location in the cache, and they are managed by
4:51:57 AM: npm WARN config cacache.
4:51:58 AM: npm ERR! code ERESOLVE
4:51:58 AM: npm ERR! ERESOLVE could not resolve
4:51:58 AM: npm ERR!
4:51:58 AM: npm ERR! While resolving: postcss-flexbugs-fixes@5.0.2
4:51:58 AM: npm ERR! Found: postcss@7.0.35
4:51:58 AM: npm ERR! node_modules/postcss
4:51:58 AM: npm ERR! postcss@“^7” from the root project
4:51:58 AM: npm ERR! postcss@“^7.0.0” from @intervolga/optimize-cssnano-plugin@1.0.6
4:51:58 AM: npm ERR! node_modules/@intervolga/optimize-cssnano-plugin
4:51:58 AM: npm ERR! @intervolga/optimize-cssnano-plugin@“^1.0.5” from @vue/cli-service@4.5.19
4:51:58 AM: npm ERR! node_modules/@vue/cli-service
4:51:58 AM: npm ERR! dev @vue/cli-service@“~4.5.0” from the root project
4:51:58 AM: npm ERR! 4 more (@vue/cli-plugin-babel, @vue/cli-plugin-eslint, …)
4:51:58 AM: npm ERR! 78 more (@tailwindcss/postcss7-compat, …)
4:51:58 AM: npm ERR!
4:51:58 AM: npm ERR! Could not resolve dependency:
4:51:58 AM: npm ERR! peer postcss@“^8.1.4” from postcss-flexbugs-fixes@5.0.2
4:51:58 AM: npm ERR! node_modules/postcss-flexbugs-fixes
4:51:58 AM: npm ERR! postcss-flexbugs-fixes@“^5.0.2” from the root project
4:51:58 AM: npm ERR!
4:51:58 AM: npm ERR! Conflicting peer dependency: postcss@8.4.14
4:51:58 AM: npm ERR! node_modules/postcss
4:51:58 AM: npm ERR! peer postcss@“^8.1.4” from postcss-flexbugs-fixes@5.0.2
4:51:58 AM: npm ERR! node_modules/postcss-flexbugs-fixes
4:51:58 AM: npm ERR! postcss-flexbugs-fixes@“^5.0.2” from the root project
4:51:58 AM: npm ERR!
4:51:58 AM: npm ERR! Fix the upstream dependency conflict, or retry
4:51:58 AM: npm ERR! this command with --force, or --legacy-peer-deps
4:51:58 AM: npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
4:51:58 AM: npm ERR!
4:51:58 AM: npm ERR! See /opt/buildhome/.npm/eresolve-report.txt for a full report.
4:51:58 AM: npm ERR! A complete log of this run can be found in:
4:51:58 AM: npm ERR! /opt/buildhome/.npm/_logs/2022-07-05T02_51_57_367Z-debug-0.log
4:51:58 AM: Error during NPM install
4:51:58 AM: Build was terminated: Build script returned non-zero exit code: 1
4:51:58 AM: Creating deploy upload records
4:51:58 AM: Failing build: Failed to build site
4:51:58 AM: Failed during stage ‘building site’: Build script returned non-zero exit code: 1 (Search results for '"non-zero exit code: 1"' - Netlify Support Forums)
4:51:58 AM: Finished processing build request in 7.564271258s

2

Was able to deploy using netlify-cli but the Q not is why ??
the Github repo is the same as my local repo.

3

Check this: