Vuepress site deployed with no CSS or JS functional

PLEASE help us help you by writing a good post!

  • we need to know your netlify site name. Example: gifted-antelope-58b104.netlify.app
  • DNS issues? Tell us the custom domain, tell us the error message! We can’t help if we don’t know your domain.
  • Build problems? Link or paste the FULL build log & build settings screenshot

The better the post - the faster the answer.

Hello everyone, I am working with a Vuepress template to create a site. It is currently live at https://master--incredible-biscuit-1dc150.netlify.app/

My issue is that none of the styling or links is functional. The site is fully functional on my localhost.

It looks like this when deployed

The GitHub repo is available at GitHub - iyissa/nbaapi_docs

My build settings are

Base Directory: Not set
Build command: npm run docs:build
Publish directory: docs/.vuepress/dist
Deploy log visibility: Logs are public 
Builds: Active

This is the deploy log.

1:51:03 AM: Build ready to start
1:51:48 AM: build-image version: d7b3dbfb0846505993c9a131894d1858074c90b4 (focal)
1:51:48 AM: build-image tag: v4.10.1
1:51:48 AM: buildbot version: 3f3056558a30449e4099db9c1a8b041604d2b6f5
1:51:48 AM: Fetching cached dependencies
1:51:48 AM: Starting to download cache of 302.2MB
1:51:50 AM: Finished downloading cache in 2.31049938s
1:51:50 AM: Starting to extract cache
1:51:53 AM: Finished extracting cache in 2.960094353s
1:51:53 AM: Finished fetching cache in 5.34613998s
1:51:53 AM: Starting to prepare the repo for build
1:51:53 AM: Preparing Git Reference refs/heads/master
1:51:54 AM: Parsing package.json dependencies
1:51:55 AM: Starting build script
1:51:55 AM: Installing dependencies
1:51:55 AM: Python version set to 2.7
1:51:55 AM: Started restoring cached node version
1:51:57 AM: Finished restoring cached node version
1:51:57 AM: v16.17.0 is already installed.
1:51:58 AM: Now using node v16.17.0 (npm v8.15.0)
1:51:58 AM: Started restoring cached build plugins
1:51:58 AM: Finished restoring cached build plugins
1:51:58 AM: Attempting ruby version 2.7.2, read from environment
1:51:58 AM: Using ruby version 2.7.2
1:51:59 AM: Using PHP version 8.0
1:51:59 AM: Started restoring cached yarn cache
1:52:04 AM: Finished restoring cached yarn cache
1:52:05 AM: No yarn workspaces detected
1:52:05 AM: Started restoring cached node modules
1:52:05 AM: Finished restoring cached node modules
1:52:05 AM: Installing NPM modules using Yarn version 1.22.10
1:52:05 AM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
1:52:05 AM: npm WARN config location in the cache, and they are managed by
1:52:05 AM: npm WARN config     [`cacache`](http://npm.im/cacache).
1:52:05 AM: yarn install v1.22.10
1:52:05 AM: warning package-lock.json found. Your project contains lock files generated by tools other than Yarn. It is advised not to mix package managers in order to avoid resolution inconsistencies caused by unsynchronized lock files. To clear this warning, remove package-lock.json.
1:52:05 AM: [1/4] Resolving packages...
1:52:07 AM: warning @vuepress/plugin-back-to-top > @vuepress/types > @types/markdown-it > highlight.js@9.18.5: Support has ended for 9.x series. Upgrade to @latest
1:52:09 AM: warning vuepress > @vuepress/core > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
1:52:09 AM: warning vuepress > @vuepress/core > webpack-dev-server > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
1:52:10 AM: warning vuepress > @vuepress/theme-default > docsearch.js@2.6.3: This package has been deprecated and is no longer maintained. Please use @docsearch/js.
1:52:10 AM: warning vuepress > @vuepress/core > chokidar > fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
1:52:11 AM: warning vuepress > @vuepress/theme-default > docsearch.js > request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
1:52:11 AM: warning vuepress > @vuepress/theme-default > docsearch.js > hogan.js > mkdirp@0.3.0: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.)
1:52:13 AM: warning vuepress > @vuepress/core > copy-webpack-plugin > webpack-log > uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
1:52:13 AM: warning vuepress > @vuepress/theme-default > docsearch.js > request > uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
1:52:13 AM: warning vuepress > @vuepress/core > webpack-dev-server > url > querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
1:52:14 AM: warning vuepress > @vuepress/core > webpack > watchpack > watchpack-chokidar2 > chokidar@2.1.8: Chokidar 2 does not receive security updates since 2019. Upgrade to chokidar 3 with 15x fewer dependencies
1:52:14 AM: warning vuepress > @vuepress/theme-default > docsearch.js > request > har-validator@5.1.5: this library is no longer supported
1:52:15 AM: warning vuepress > @vuepress/theme-default > stylus > css-parse > css > source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated
1:52:16 AM: warning vuepress > @vuepress/core > optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo@1.3.2: This SVGO version is no longer supported. Upgrade to v2.x.x.
1:52:16 AM: warning vuepress > @vuepress/core > optimize-css-assets-webpack-plugin > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
1:52:17 AM: [2/4] Fetching packages...
1:52:17 AM: info fsevents@1.2.13: The platform "linux" is incompatible with this module.
1:52:17 AM: info "fsevents@1.2.13" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-android-arm64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-android-arm64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-android-arm64@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info esbuild-darwin-arm64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-darwin-arm64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-darwin-arm64@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info esbuild-darwin-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-darwin-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-freebsd-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-freebsd-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-linux-32@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info "esbuild-linux-32@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-freebsd-arm64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-freebsd-arm64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-freebsd-arm64@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info esbuild-linux-arm64@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info "esbuild-linux-arm64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-linux-ppc64le@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info "esbuild-linux-ppc64le@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-linux-arm@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info "esbuild-linux-arm@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-linux-mips64le@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info "esbuild-linux-mips64le@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-sunos-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-sunos-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-netbsd-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-netbsd-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-windows-arm64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-windows-arm64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-windows-arm64@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info esbuild-windows-32@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-windows-32@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-windows-32@0.14.7: The CPU architecture "x64" is incompatible with this module.
1:52:17 AM: info esbuild-windows-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-windows-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info esbuild-openbsd-64@0.14.7: The platform "linux" is incompatible with this module.
1:52:17 AM: info "esbuild-openbsd-64@0.14.7" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: info fsevents@2.3.2: The platform "linux" is incompatible with this module.
1:52:17 AM: info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from installation.
1:52:17 AM: [3/4] Linking dependencies...
1:52:17 AM: warning "vuepress-theme-cool > vue-chartkick@0.5.3" has unmet peer dependency "vue@>=2.0.0".
1:52:17 AM: warning "vuepress-theme-cool > vue-cute-timeline@1.2.8" has unmet peer dependency "vue@^2.1.8".
1:52:17 AM: warning "vuepress-theme-cool > vuex@3.5.1" has unmet peer dependency "vue@^2.0.0".
1:52:17 AM: warning "vuepress-theme-cool > vue-good-table > vue-select@3.10.7" has unmet peer dependency "vue@2.x".
1:52:19 AM: [4/4] Building fresh packages...
1:52:20 AM: success Saved lockfile.
1:52:20 AM: Done in 14.85s.
1:52:20 AM: NPM modules installed using Yarn
1:52:20 AM: Started restoring cached go cache
1:52:20 AM: Finished restoring cached go cache
1:52:20 AM: Installing Go version 1.17 (requested 1.17)
1:52:24 AM: unset GOOS;
1:52:24 AM: unset GOARCH;
1:52:24 AM: export GOROOT='/opt/buildhome/.gimme/versions/go1.17.linux.amd64';
1:52:24 AM: export PATH="/opt/buildhome/.gimme/versions/go1.17.linux.amd64/bin:${PATH}";
1:52:24 AM: go version >&2;
1:52:24 AM: export GIMME_ENV="/opt/buildhome/.gimme/env/go1.17.linux.amd64.env"
1:52:24 AM: go version go1.17 linux/amd64
1:52:24 AM: Installing missing commands
1:52:24 AM: Verify run directory
1:52:25 AM: ​
1:52:25 AM: ────────────────────────────────────────────────────────────────
1:52:25 AM:   Netlify Build                                                 
1:52:25 AM: ────────────────────────────────────────────────────────────────
1:52:25 AM: ​
1:52:25 AM: ❯ Version
1:52:25 AM:   @netlify/build 27.15.6
1:52:25 AM: ​
1:52:25 AM: ❯ Flags
1:52:25 AM:   baseRelDir: true
1:52:25 AM:   buildId: 63018177707e240008c4b076
1:52:25 AM:   deployId: 63018177707e240008c4b078
1:52:25 AM: ​
1:52:25 AM: ❯ Current directory
1:52:25 AM:   /opt/build/repo
1:52:25 AM: ​
1:52:25 AM: ❯ Config file
1:52:25 AM:   No config file was defined: using default values.
1:52:25 AM: ​
1:52:25 AM: ❯ Context
1:52:25 AM:   production
1:52:25 AM: ​
1:52:25 AM: ────────────────────────────────────────────────────────────────
1:52:25 AM:   1. Build command from Netlify app                             
1:52:25 AM: ────────────────────────────────────────────────────────────────
1:52:25 AM: ​
1:52:25 AM: $ npm run docs:build
1:52:25 AM: npm WARN config tmp This setting is no longer used.  npm stores temporary files in a special
1:52:25 AM: npm WARN config location in the cache, and they are managed by
1:52:25 AM: npm WARN config     [`cacache`](http://npm.im/cacache).
1:52:25 AM: > vuepress-theme-cool-starter@2.1.0 docs:build
1:52:25 AM: > vuepress build docs
1:52:26 AM: wait Extracting site metadata...
1:52:26 AM: tip Apply theme vuepress-theme-cool (extends @vuepress/theme-default) ...
1:52:26 AM: tip Apply plugin container (i.e. "vuepress-plugin-container") ...
1:52:26 AM: tip Apply plugin @vuepress/last-updated (i.e. "@vuepress/plugin-last-updated") ...
1:52:26 AM: tip Apply plugin @vuepress/register-components (i.e. "@vuepress/plugin-register-components") ...
1:52:26 AM: tip Apply plugin @vuepress/active-header-links (i.e. "@vuepress/plugin-active-header-links") ...
1:52:26 AM: tip Apply plugin @vuepress/search (i.e. "@vuepress/plugin-search") ...
1:52:26 AM: tip Apply plugin @vuepress/nprogress (i.e. "@vuepress/plugin-nprogress") ...
1:52:26 AM: tip Apply plugin @vuepress/back-to-top (i.e. "@vuepress/plugin-back-to-top") ...
1:52:26 AM: tip Apply plugin @vuepress/pwa (i.e. "@vuepress/plugin-pwa") ...
1:52:26 AM: tip Apply plugin vuepress-plugin-anonymous-3d39fa1d ...
1:52:27 AM: [info] [webpackbar] Compiling Client
1:52:27 AM: [info] [webpackbar] Compiling Server
1:52:37 AM: [success] [webpackbar] Server: Compiled successfully in 10.68s
1:52:42 AM: [success] [webpackbar] Client: Compiled successfully in 15.67s
1:52:42 AM: wait Rendering static HTML...
1:52:43 AM: wait Generating service worker...
1:52:43 AM: success Generated static files in docs/.vuepress/dist.
1:52:43 AM: ​
1:52:43 AM: (build.command completed in 17.6s)
1:52:43 AM: ​
1:52:43 AM: ────────────────────────────────────────────────────────────────
1:52:43 AM:   2. Deploy site                                                
1:52:43 AM: ────────────────────────────────────────────────────────────────
1:52:43 AM: ​
1:52:43 AM: Starting to deploy site from 'docs/.vuepress/dist'
1:52:43 AM: Creating deploy tree 
1:52:43 AM: Creating deploy upload records
1:52:43 AM: 13 new files to upload
1:52:43 AM: 0 new functions to upload
1:52:43 AM: Site deploy was successfully initiated
1:52:43 AM: ​
1:52:43 AM: (Deploy site completed in 430ms)
1:52:43 AM: ​
1:52:43 AM: ────────────────────────────────────────────────────────────────
1:52:43 AM:   Netlify Build Complete                                        
1:52:43 AM: ────────────────────────────────────────────────────────────────
1:52:43 AM: ​
1:52:43 AM: (Netlify Build completed in 18s)
1:52:43 AM: Starting post processing
1:52:43 AM: Post processing - HTML
1:52:43 AM: Caching artifacts
1:52:43 AM: Started saving node modules
1:52:43 AM: Finished saving node modules
1:52:43 AM: Started saving build plugins
1:52:43 AM: Finished saving build plugins
1:52:43 AM: Started saving yarn cache
1:52:44 AM: Post processing - header rules
1:52:44 AM: Post processing - redirect rules
1:52:44 AM: Post processing done
1:52:47 AM: Finished saving yarn cache
1:52:47 AM: Started saving pip cache
1:52:47 AM: Finished saving pip cache
1:52:47 AM: Started saving emacs cask dependencies
1:52:47 AM: Finished saving emacs cask dependencies
1:52:47 AM: Started saving maven dependencies
1:52:47 AM: Finished saving maven dependencies
1:52:47 AM: Started saving boot dependencies
1:52:47 AM: Finished saving boot dependencies
1:52:47 AM: Started saving rust rustup cache
1:52:47 AM: Finished saving rust rustup cache
1:52:47 AM: Started saving go dependencies
1:52:47 AM: Finished saving go dependencies
1:52:47 AM: Build script success
1:52:47 AM: Site is live ✨
1:52:49 AM: Uploading Cache of size 302.3MB
1:52:51 AM: Finished processing build request in 1m2.916812491s

I’ve searched in forums and Github issues but I’ve not found a solution. Any help will be much appreciated. Thank you.

Hey @danladi

All href and src attributes are prefixed with /nbaapi_docs/, however the site it deployed to the site root. This is because of the base value in .vuepress/config.js. This not required when publishing to /, so you can remove this, or change the base value it to /

Thank you very much for the reply, I change the base value to / and now the site is now up and running. https://docs-nbaapi.netlify.app/

1 Like

Glad everything is working now, @danladi!! let us know if you have any additional questions.