У меня есть приложение VueJS с целевой страницей c, чьи ресурсы расположены по адресу App / public / LandingPage.
Страница содержит только некоторый описательный контент и ссылки на другие сайты c страницы в основном Vue приложении.
Эта страница работает, как и ожидалось, на моем локальном компьютере, показывая для вышедших из строя пользователей. Однако при развертывании в Heroku страница не отображается. Я думаю, что что-то происходит при развертывании st Heroku не читает каталог. Поддержка Heroku видит сообщения в журналах, таких как, например.
Not rewriting GET /css/app.73f8fbc5.css because the path includes a dot (.) character.
сообщение о деплоции ниже:
git push heroku master
Enumerating objects: 116, done.
Counting objects: 100% (116/116), done.
Delta compression using up to 4 threads
Compressing objects: 100% (95/95), done.
Writing objects: 100% (106/106), 1.62 MiB | 1.66 MiB/s, done.
Total 106 (delta 20), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote:
remote: -----> Node.js app detected
remote:
remote: -----> Creating runtime environment
remote:
remote: NPM_CONFIG_LOGLEVEL=error
remote: NPM_CONFIG_PRODUCTION=false
remote: NODE_ENV=production
remote: NODE_MODULES_CACHE=false
remote: NODE_VERBOSE=false
remote:
remote: -----> Installing binaries
remote: engines.node (package.json): unspecified
remote: engines.npm (package.json): unspecified (use default)
remote:
remote: Resolving node version 12.x...
remote: Downloading and installing node 12.16.0...
remote: Using default npm version: 6.13.4
remote:
remote: -----> Restoring cache
remote: Caching has been disabled because NODE_MODULES_CACHE=false
remote:
remote: -----> Installing dependencies
remote: Installing node modules (package.json + package-lock)
remote:
remote: > yorkie@2.0.0 install /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/yorkie
remote: > node bin/install.js
remote:
remote: setting up Git hooks
remote: can't find .git directory, skipping Git hooks installation
remote:
remote: > core-js@2.6.9 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/@babel/runtime-corejs2/node_modules/core-js
remote: > node scripts/postinstall || echo "ignore"
remote:
remote:
remote: > core-js@2.6.9 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/@vue/babel-preset-app/node_modules/core-js
remote: > node scripts/postinstall || echo "ignore"
remote:
remote:
remote: > core-js@2.6.9 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/babel-runtime/node_modules/core-js
remote: > node scripts/postinstall || echo "ignore"
remote:
remote:
remote: > core-js@2.6.9 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/core-js
remote: > node scripts/postinstall || echo "ignore"
remote:
remote:
remote: > bootstrap-vue@2.0.0-rc.28 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5/node_modules/bootstrap-vue
remote: > opencollective || exit 0
remote:
remote:
remote: > writerboard-vue@0.1.0 postinstall /tmp/build_217182a9afc224c93b9cb08fd73203e5
remote: > npm run build
remote:
remote:
remote: > writerboard-vue@0.1.0 build /tmp/build_217182a9afc224c93b9cb08fd73203e5
remote: > vue-cli-service build
remote:
remote:
remote: - Building for production...
remote: Browserslist: caniuse-lite is outdated. Please run next command `npm update`
remote: Browserslist: caniuse-lite is outdated. Please run next command `npm update`
remote: WARNING: You probably don't mean to use the color value blue in interpolation here.
remote: It may end up represented as blue, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "blue").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value indigo in interpolation here.
remote: It may end up represented as indigo, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "indigo").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value white in interpolation here.
remote: It may end up represented as white, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "white").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value gray in interpolation here.
remote: It may end up represented as gray, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "gray").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING Compiled with 3 warnings3:54:59 PM
remote:
remote: warning
remote:
remote: asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
remote: This can impact web performance.
remote: Assets:
remote: js/chunk-vendors.66dd4855.js (1.05 MiB)
remote: LandingPage/css/maps/style.min.css.map (493 KiB)
remote: LandingPage/css/style.min.css.map (492 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.eot (315 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.ttf (315 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.svg (2.34 MiB)
remote:
remote: warning
remote:
remote: entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
remote: Entrypoints:
remote: app (1.37 MiB)
remote: css/chunk-vendors.2f01e597.css
remote: js/chunk-vendors.66dd4855.js
remote: css/app.73f8fbc5.css
remote: js/app.0942da0a.js
remote:
remote:
remote: warning
remote:
remote: webpack performance recommendations:
remote: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
remote: For more info visit https://webpack.js.org/guides/code-splitting
remote:
remote: File Size Gzipped
remote:
remote: dist/LandingPage/vendors/jquery/jquery 86.08 KiB 30.00 KiB
remote: .min.js
remote: dist/LandingPage/vendors/bootstrap/boo 56.71 KiB 15.07 KiB
remote: tstrap.min.js
remote: dist/LandingPage/vendors/owl-carousel/ 43.30 KiB 11.14 KiB
remote: js/owl.carousel.min.js
remote: dist/LandingPage/vendors/popper/popper 19.36 KiB 7.08 KiB
remote: .min.js
remote: dist/js/chunk-vendors.66dd4855.js 1079.44 KiB 305.16 KiB
remote: dist/js/app.0942da0a.js 85.01 KiB 17.05 KiB
remote: dist/LandingPage/vendors/aos/js/aos.js 13.48 KiB 4.75 KiB
remote: dist/precache-manifest.b516d61e7c0d486 6.89 KiB 1.97 KiB
remote: cb020177b2d6cb44e.js
remote: dist/LandingPage/gulpfile.js 2.69 KiB 0.77 KiB
remote: dist/LandingPage/js/landingpage.js 1.79 KiB 0.76 KiB
remote: dist/service-worker.js 0.95 KiB 0.54 KiB
remote: dist/LandingPage/css/style.css 183.86 KiB 26.13 KiB
remote: dist/css/app.73f8fbc5.css 172.03 KiB 24.26 KiB
remote: dist/LandingPage/css/style.min.css 147.88 KiB 24.15 KiB
remote: dist/LandingPage/vendors/mdi/css/mater 93.11 KiB 17.42 KiB
remote: ialdesignicons.min.css
remote: dist/css/chunk-vendors.2f01e597.css 71.16 KiB 8.51 KiB
remote: dist/LandingPage/vendors/aos/css/aos.c 28.09 KiB 2.39 KiB
remote: ss
remote: dist/LandingPage/vendors/owl-carousel/ 3.27 KiB 1.04 KiB
remote: css/owl.carousel.min.css
remote: dist/LandingPage/vendors/owl-carousel/ 1.35 KiB 0.55 KiB
remote: css/owl.theme.default.css
remote:
remote: Images and other types of assets omitted.
remote:
remote: DONE Build complete. The dist directory is ready to be deployed.
remote: INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
remote:
remote: added 1318 packages from 991 contributors and audited 34267 packages in 74.466s
remote:
remote: 1 package is looking for funding
remote: run `npm fund` for details
remote:
remote: found 4 vulnerabilities (3 moderate, 1 high)
remote: run `npm audit fix` to fix them, or `npm audit` for details
remote:
remote: -----> Build
remote: Running build
remote:
remote: > writerboard-vue@0.1.0 build /tmp/build_217182a9afc224c93b9cb08fd73203e5
remote: > vue-cli-service build
remote:
remote:
remote: - Building for production...
remote: Browserslist: caniuse-lite is outdated. Please run next command `npm update`
remote: WARNING: You probably don't mean to use the color value blue in interpolation here.
remote: It may end up represented as blue, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "blue").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value indigo in interpolation here.
remote: It may end up represented as indigo, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "indigo").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value white in interpolation here.
remote: It may end up represented as white, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "white").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING: You probably don't mean to use the color value gray in interpolation here.
remote: It may end up represented as gray, which will likely produce invalid CSS.
remote: Always quote color names when using them as strings or map keys (for example, "gray").
remote: If you really want to use the color value here, use '"" + $color'.
remote:
remote: ╷
remote: 4 │ --#{$color}: #{$value};
remote: │ ^^^^^^
remote: ╵
remote: node_modules/bootstrap/scss/_root.scss 4:9 @import
remote: node_modules/bootstrap/scss/bootstrap.scss 11:9 @import
remote: stdin 40:9 root stylesheet
remote:
remote: WARNING Compiled with 3 warnings3:55:24 PM
remote:
remote: warning
remote:
remote: asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
remote: This can impact web performance.
remote: Assets:
remote: js/chunk-vendors.66dd4855.js (1.05 MiB)
remote: LandingPage/css/maps/style.min.css.map (493 KiB)
remote: LandingPage/css/style.min.css.map (492 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.eot (315 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.ttf (315 KiB)
remote: LandingPage/vendors/mdi/fonts/materialdesignicons-webfont.svg (2.34 MiB)
remote:
remote: warning
remote:
remote: entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
remote: Entrypoints:
remote: app (1.37 MiB)
remote: css/chunk-vendors.2f01e597.css
remote: js/chunk-vendors.66dd4855.js
remote: css/app.73f8fbc5.css
remote: js/app.0942da0a.js
remote:
remote:
remote: warning
remote:
remote: webpack performance recommendations:
remote: You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
remote: For more info visit https://webpack.js.org/guides/code-splitting
remote:
remote: File Size Gzipped
remote:
remote: dist/LandingPage/vendors/jquery/jquery 86.08 KiB 30.00 KiB
remote: .min.js
remote: dist/LandingPage/vendors/bootstrap/boo 56.71 KiB 15.07 KiB
remote: tstrap.min.js
remote: dist/LandingPage/vendors/owl-carousel/ 43.30 KiB 11.14 KiB
remote: js/owl.carousel.min.js
remote: dist/LandingPage/vendors/popper/popper 19.36 KiB 7.08 KiB
remote: .min.js
remote: dist/js/chunk-vendors.66dd4855.js 1079.44 KiB 305.16 KiB
remote: dist/js/app.0942da0a.js 85.01 KiB 17.05 KiB
remote: dist/LandingPage/vendors/aos/js/aos.js 13.48 KiB 4.75 KiB
remote: dist/precache-manifest.0f6af458e644364 6.89 KiB 1.98 KiB
remote: cf362dfd84a39daf1.js
remote: dist/LandingPage/gulpfile.js 2.69 KiB 0.77 KiB
remote: dist/LandingPage/js/landingpage.js 1.79 KiB 0.76 KiB
remote: dist/service-worker.js 0.95 KiB 0.54 KiB
remote: dist/LandingPage/css/style.css 183.86 KiB 26.13 KiB
remote: dist/css/app.73f8fbc5.css 172.03 KiB 24.26 KiB
remote: dist/LandingPage/css/style.min.css 147.88 KiB 24.15 KiB
remote: dist/LandingPage/vendors/mdi/css/mater 93.11 KiB 17.42 KiB
remote: ialdesignicons.min.css
remote: dist/css/chunk-vendors.2f01e597.css 71.16 KiB 8.51 KiB
remote: dist/LandingPage/vendors/aos/css/aos.c 28.09 KiB 2.39 KiB
remote: ss
remote: dist/LandingPage/vendors/owl-carousel/ 3.27 KiB 1.04 KiB
remote: css/owl.carousel.min.css
remote: dist/LandingPage/vendors/owl-carousel/ 1.35 KiB 0.55 KiB
remote: css/owl.theme.default.css
remote:
remote: Images and other types of assets omitted.
remote:
remote: DONE Build complete. The dist directory is ready to be deployed.
remote: INFO Check out deployment instructions at https://cli.vuejs.org/guide/deployment.html
remote:
remote:
remote: -----> Pruning devDependencies
remote: Skipping because NPM_CONFIG_PRODUCTION is 'false'
remote:
remote: -----> Build succeeded!
remote: -----> Discovering process types
remote: Procfile declares types -> web
remote:
remote: -----> Compressing...
remote: Done: 61.4M
remote: -----> Launching...
remote: Released v109
remote: https://writerboard-vue.herokuapp.com/ deployed to Heroku
remote:
remote: Verifying deploy... done.
To https://git.heroku.com/writerboard-vue.git