rails / webpacker

Use Webpack to manage app-like JavaScript modules in Rails
MIT License
5.3k stars 1.47k forks source link

Elastic Beanstalk deploy fails due to deprecations #261

Closed ankitsinghaniyaz closed 7 years ago

ankitsinghaniyaz commented 7 years ago

Hi, I am trying to deploy this app to AWS EB, but I'm stuck with some problem. Here is my log:

+ RAKE_TASK=assets:precompile
  + . /opt/elasticbeanstalk/support/scripts/use-app-ruby.sh
  ++ . /usr/local/share/chruby/chruby.sh
  +++ CHRUBY_VERSION=0.3.9
  +++ RUBIES=()
  +++ for dir in '"$PREFIX/opt/rubies"' '"$HOME/.rubies"'
  +++ [[ -d /opt/rubies ]]
  ++++ ls -A /opt/rubies
  +++ [[ -n ruby-1.9.3-p551
  ruby-2.0.0-p648
  ruby-2.1.10
  ruby-2.2.5
  ruby-2.3.1
  ruby-current ]]
  +++ RUBIES+=("$dir"/*)
  +++ for dir in '"$PREFIX/opt/rubies"' '"$HOME/.rubies"'
  +++ [[ -d /.rubies ]]
  +++ unset dir
  +++ cat /etc/elasticbeanstalk/.ruby_version
  ++ chruby 2.3.1
  ++ case "$1" in
  ++ local dir match
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-1.9.3-p551
  ++ case "${dir##*/}" in
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-2.0.0-p648
  ++ case "${dir##*/}" in
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-2.1.10
  ++ case "${dir##*/}" in
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-2.2.5
  ++ case "${dir##*/}" in
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-2.3.1
  ++ case "${dir##*/}" in
  ++ match=/opt/rubies/ruby-2.3.1
  ++ for dir in '"${RUBIES[@]}"'
  ++ dir=/opt/rubies/ruby-current
  ++ case "${dir##*/}" in
  ++ [[ -z /opt/rubies/ruby-2.3.1 ]]
  ++ shift
  ++ chruby_use /opt/rubies/ruby-2.3.1 ''
  ++ [[ ! -x /opt/rubies/ruby-2.3.1/bin/ruby ]]
  ++ [[ -n '' ]]
  ++ export RUBY_ROOT=/opt/rubies/ruby-2.3.1
  ++ RUBY_ROOT=/opt/rubies/ruby-2.3.1
  ++ export RUBYOPT=
  ++ RUBYOPT=
  ++ export PATH=/opt/rubies/ruby-2.3.1/bin:/opt/elasticbeanstalk/lib/ruby/bin:/usr/local/sbin:/usr/local/bin:/usr/bin:/usr/sbin:/sbin:/bin
  ++ PATH=/opt/rubies/ruby-2.3.1/bin:/opt/elasticbeanstalk/lib/ruby/bin:/usr/local/sbin:/usr/local/bin:/usr/bin:/usr/sbin:/sbin:/bin
  +++ /opt/rubies/ruby-2.3.1/bin/ruby -
  ++ eval 'export RUBY_ENGINE=ruby;
  export RUBY_VERSION=2.3.1;
  export GEM_ROOT="/opt/rubies/ruby-2.3.1/lib/ruby/gems/2.3.0";'
  +++ export RUBY_ENGINE=ruby
  +++ RUBY_ENGINE=ruby
  +++ export RUBY_VERSION=2.3.1
  +++ RUBY_VERSION=2.3.1
  +++ export GEM_ROOT=/opt/rubies/ruby-2.3.1/lib/ruby/gems/2.3.0
  +++ GEM_ROOT=/opt/rubies/ruby-2.3.1/lib/ruby/gems/2.3.0
  ++ ((  0 != 0  ))
  + cd /var/app/ondeck
  + su -s /bin/bash -c 'bundle exec /opt/elasticbeanstalk/support/scripts/check-for-rake-task.rb assets:precompile' webapp
  + '[' false == true ']'
  + su -s /bin/bash -c 'bundle exec rake assets:precompile' webapp
  yarn install v0.23.2
  [1/4] Resolving packages...
  [2/4] Fetching packages...
  warning fsevents@1.1.1: The platform "linux" is incompatible with this module.
  info "fsevents@1.1.1" is an optional dependency and failed compatibility check. Excluding it from installation.
  [3/4] Linking dependencies...
  [4/4] Building fresh packages...
  Done in 29.86s.
  I, [2017-04-17T04:55:34.808282 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/manifest-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.808577 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/manifest-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.808856 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/construction-ea4e6cab21ea670fe9db0e878f0ecb63b2aa8f3f3d0233fe6c147e73eb2608dc.jpg
  I, [2017-04-17T04:55:34.809420 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/application-691e029b1abad47bf70085a4003b8f4d46f30b06194f77ab808a9a237a41088c.js
  I, [2017-04-17T04:55:34.809524 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/application-691e029b1abad47bf70085a4003b8f4d46f30b06194f77ab808a9a237a41088c.js.gz
  I, [2017-04-17T04:55:34.809809 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/cable-7661dff41bbc10a02e313e86bd0adde0db3a5a2ac2eacb4c96715618db7743ea.js
  I, [2017-04-17T04:55:34.809902 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/cable-7661dff41bbc10a02e313e86bd0adde0db3a5a2ac2eacb4c96715618db7743ea.js.gz
  I, [2017-04-17T04:55:34.810121 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/emails-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.810214 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/emails-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.810426 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/exports-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.810519 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/exports-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.810736 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/forms-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.810837 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/forms-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.811056 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/home-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.811149 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/home-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.811366 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/registrations-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.811458 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/registrations-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.811685 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/setup-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.812248 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/setup-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.816169 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/simulate_submission-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.816280 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/simulate_submission-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.816526 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/stripe_webhook-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.816630 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/stripe_webhook-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.816863 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/submissions-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.816965 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/submissions-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.817198 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/subscription-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.817295 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/subscription-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.817523 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/webhooks-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
  I, [2017-04-17T04:55:34.817624 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/webhooks-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
  I, [2017-04-17T04:55:34.818508 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/application-d52b7247177dcde48ec7029aa38a0959e36e343e446866ff38812d7031f42eec.css
  I, [2017-04-17T04:55:34.818607 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/application-d52b7247177dcde48ec7029aa38a0959e36e343e446866ff38812d7031f42eec.css.gz
  I, [2017-04-17T04:55:34.818854 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/emails-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.818952 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/emails-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.819197 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/exports-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.819301 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/exports-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.819544 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/forms-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.819643 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/forms-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.820131 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/home-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.824008 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/home-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.824283 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/registrations-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.824389 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/registrations-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.824642 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/setup-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.824742 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/setup-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.825010 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/simulate_submission-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.825107 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/simulate_submission-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.825349 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/stripe_webhook-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.825448 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/stripe_webhook-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.825686 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/submissions-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.825784 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/submissions-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.826017 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/subscription-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.826113 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/subscription-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  I, [2017-04-17T04:55:34.826346 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/webhooks-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
  I, [2017-04-17T04:55:34.826442 #20175]  INFO -- : Writing /var/app/ondeck/public/assets/webhooks-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
  Webpacker is installed ๐ŸŽ‰ ๐Ÿฐ
  Using /var/app/ondeck/config/webpack/paths.yml file for setting up webpack paths
  Compiling webpacker assets ๐ŸŽ‰
  (node:20756) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
  parseQuery() will be replaced with getOptions() in the next major version of loader-utils. (Executor::NonZeroExitStatus)

[2017-04-17T04:55:47.625Z] INFO  [20068] - [Application update app-948c-170417_102429@8/AppDeployStage0/AppDeployPreHook/11_asset_compilation.sh] : Activity failed.
[2017-04-17T04:55:47.625Z] INFO  [20068] - [Application update app-948c-170417_102429@8/AppDeployStage0/AppDeployPreHook] : Activity failed.
[2017-04-17T04:55:47.626Z] INFO  [20068] - [Application update app-948c-170417_102429@8/AppDeployStage0] : Activity failed.
[2017-04-17T04:55:47.627Z] INFO  [20068] - [Application update app-948c-170417_102429@8] : Completed activity. Result:
  Application update - Command CMD-AppDeploy failed

I tried to look into this issue https://github.com/webpack/loader-utils/issues/56 but I am not sure how can I make this work with webpacker! Any help?

ytbryan commented 7 years ago

Please paste full log

ankitsinghaniyaz commented 7 years ago

@ytbryan updated the logs! did I miss something?

ankitsinghaniyaz commented 7 years ago

The deploy fails on heroku also for the same reason:

Activity Feed  Build Log ID 328fa636-542a-4e8c-b2fc-03661651bdfa
!     Warning: Multiple default buildpacks reported the ability to handle this app. The first buildpack in the list below will be used.
     Detected buildpacks: Ruby,Node.js
     See https://devcenter.heroku.com/articles/buildpacks#buildpack-detect-order
-----> Ruby app detected
-----> Compiling Ruby/Rails
-----> Using Ruby version: ruby-2.4.0
-----> Installing dependencies using bundler 1.13.7
      Running: bundle install --without development:test --path vendor/bundle --binstubs vendor/bundle/bin -j4 --deployment
      Warning: the running version of Bundler (1.13.7) is older than the version that created the lockfile (1.14.5). We suggest you upgrade to the latest version of Bundler by running `gem install bundler`.
      Fetching gem metadata from https://rubygems.org/........
      Fetching version metadata from https://rubygems.org/..
      Fetching dependency metadata from https://rubygems.org/.
      Fetching https://github.com/rails/sass-rails.git
      Fetching https://github.com/rails/webpacker.git
      Installing i18n 0.8.1
      Installing rake 12.0.0
      Installing concurrent-ruby 1.0.5
      Installing minitest 5.10.1
      Installing thread_safe 0.3.6
      Installing builder 3.2.3
      Installing erubi 1.6.0
      Installing mini_portile2 2.1.0
      Installing websocket-extensions 0.1.2
      Installing nio4r 2.0.0 with native extensions
      Installing rack 2.0.1
      Installing mime-types-data 3.2016.0521
      Installing arel 8.0.0
      Installing bcrypt 3.1.11 with native extensions
      Installing orm_adapter 0.5.0
      Installing method_source 0.8.2
      Installing thor 0.19.4
      Installing execjs 2.7.0
      Installing multipart-post 2.0.0
      Installing multi_json 1.12.1
      Installing pg 0.20.0 with native extensions
      Installing puma 3.8.2 with native extensions
      Installing rack-cors 0.4.1
      Using bundler 1.13.7
      Installing sass 3.4.23
      Installing turbolinks-source 5.0.0
      Installing tzinfo 1.2.3
      Installing nokogiri 1.7.1 with native extensions
      Installing websocket-driver 0.6.5 with native extensions
      Installing mime-types 3.1
      Installing rack-test 0.6.3
      Installing warden 1.2.7
      Installing sprockets 4.0.0.beta4
      Installing uglifier 3.2.0
      Installing faraday 0.12.0.1
      Installing turbolinks 5.0.1
      Installing activesupport 5.1.0.rc1
      Installing mail 2.6.4
      Installing stripe 2.3.0
      Installing globalid 0.4.0
      Installing activemodel 5.1.0.rc1
      Installing jbuilder 2.6.3
      Installing activejob 5.1.0.rc1
      Installing activerecord 5.1.0.rc1
      Installing rails-dom-testing 2.0.2
      Installing loofah 2.0.3
      Installing rails-html-sanitizer 1.0.3
      Installing actionview 5.1.0.rc1
      Installing actionpack 5.1.0.rc1
      Installing actionmailer 5.1.0.rc1
      Installing actioncable 5.1.0.rc1
      Installing railties 5.1.0.rc1
      Installing sprockets-rails 3.2.0
      Installing rails 5.1.0.rc1
      Installing responders 2.3.0
      Using sass-rails 6.0.0.beta1 from https://github.com/rails/sass-rails.git (at master@dfbcc6a)
      Using webpacker 1.1 from https://github.com/rails/webpacker.git (at master@814caba)
      Installing font-awesome-rails 4.7.0.1
      Installing devise 4.2.1
      Bundle complete! 21 Gemfile dependencies, 59 gems now installed.
      Gems in the groups development and test were not installed.
      Bundled gems are installed into ./vendor/bundle.
      Bundle completed (26.61s)
      Cleaning up the bundler cache.
      Warning: the running version of Bundler (1.13.7) is older than the version that created the lockfile (1.14.5). We suggest you upgrade to the latest version of Bundler by running `gem install bundler`.
-----> Installing node-v6.10.0-linux-x64
-----> Installing yarn-0.22.0
-----> Detecting rake tasks
-----> Preparing app for Rails asset pipeline
      Running: rake assets:precompile
      yarn install v0.22.0
      [1/4] Resolving packages...
      [2/4] Fetching packages...
      warning fsevents@1.1.1: The platform "linux" is incompatible with this module.
      info "fsevents@1.1.1" is an optional dependency and failed compatibility check. Excluding it from installation.
      [3/4] Linking dependencies...
      [4/4] Building fresh packages...
      Done in 36.83s.
      W, [2017-04-17T05:55:15.591196 #1362]  WARN -- : WARNING on line 32, column 22 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_form.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.591573 #1362]  WARN -- : WARNING on line 32, column 22 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_form.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.602031 #1362]  WARN -- : WARNING on line 29, column 14 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_icon.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.602364 #1362]  WARN -- : WARNING on line 29, column 14 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_icon.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.624555 #1362]  WARN -- : WARNING on line 47, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_notices.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.624888 #1362]  WARN -- : WARNING on line 47, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_notices.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.628433 #1362]  WARN -- : WARNING on line 87, column 22 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_notices.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.628773 #1362]  WARN -- : WARNING on line 87, column 22 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_notices.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.727387 #1362]  WARN -- : WARNING on line 117, column 14 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.727752 #1362]  WARN -- : WARNING on line 117, column 14 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.730763 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.731224 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.735159 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.735625 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.739743 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.740220 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.744136 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `white' in interpolation here.
      It may end up represented as #ffffff, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "white").
      If you really want to use the color value here, use `"" + $name'.
      W, [2017-04-17T05:55:15.744598 #1362]  WARN -- : WARNING on line 66, column 18 of /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/node_modules/buefy/src/scss/components/_tooltip.scss:
      You probably don't mean to use the color value `black' in interpolation here.
      It may end up represented as #000000, which will likely produce invalid CSS.
      Always quote color names when using them as strings (for example, "black").
      If you really want to use the color value here, use `"" + $name'.
      /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/vendor/bundle/ruby/2.4.0/gems/sass-3.4.23/lib/sass/util.rb:1109: warning: constant ::Fixnum is deprecated
      /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/vendor/bundle/ruby/2.4.0/gems/sass-3.4.23/lib/sass/util.rb:1109: warning: constant ::Fixnum is deprecated
      I, [2017-04-17T05:55:24.388933 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/manifest-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.389287 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/manifest-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.389782 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/construction-ea4e6cab21ea670fe9db0e878f0ecb63b2aa8f3f3d0233fe6c147e73eb2608dc.jpg
      I, [2017-04-17T05:55:24.391611 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/application-691e029b1abad47bf70085a4003b8f4d46f30b06194f77ab808a9a237a41088c.js
      I, [2017-04-17T05:55:24.391739 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/application-691e029b1abad47bf70085a4003b8f4d46f30b06194f77ab808a9a237a41088c.js.gz
      I, [2017-04-17T05:55:24.392136 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/cable-7661dff41bbc10a02e313e86bd0adde0db3a5a2ac2eacb4c96715618db7743ea.js
      I, [2017-04-17T05:55:24.392258 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/cable-7661dff41bbc10a02e313e86bd0adde0db3a5a2ac2eacb4c96715618db7743ea.js.gz
      I, [2017-04-17T05:55:24.392547 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/emails-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.392686 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/emails-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.392963 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/exports-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.393086 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/exports-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.393380 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/forms-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.393494 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/forms-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.393796 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/home-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.393889 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/home-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.394162 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/registrations-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.394257 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/registrations-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.394687 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/setup-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.394856 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/setup-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.395273 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/simulate_submission-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.395428 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/simulate_submission-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.395861 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/stripe_webhook-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.396042 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/stripe_webhook-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.396490 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/submissions-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.396684 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/submissions-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.397133 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/subscription-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.397291 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/subscription-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.397761 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/webhooks-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js
      I, [2017-04-17T05:55:24.397968 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/webhooks-d0ff5974b6aa52cf562bea5921840c032a860a91a3512f7fe8f768f6bbe005f6.js.gz
      I, [2017-04-17T05:55:24.399459 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/application-d52b7247177dcde48ec7029aa38a0959e36e343e446866ff38812d7031f42eec.css
      I, [2017-04-17T05:55:24.399922 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/application-d52b7247177dcde48ec7029aa38a0959e36e343e446866ff38812d7031f42eec.css.gz
      I, [2017-04-17T05:55:24.400554 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/emails-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.401011 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/emails-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.401667 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/exports-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.402108 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/exports-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.402707 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/forms-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.403250 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/forms-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.403793 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/home-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.404196 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/home-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.404911 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/registrations-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.405293 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/registrations-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.405842 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/setup-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.406413 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/setup-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.407078 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/simulate_submission-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.407505 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/simulate_submission-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.408044 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/stripe_webhook-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.408465 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/stripe_webhook-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.409078 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/submissions-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.409457 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/submissions-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.410083 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/subscription-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.410513 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/subscription-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      I, [2017-04-17T05:55:24.411178 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/webhooks-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css
      I, [2017-04-17T05:55:24.411569 #1362]  INFO -- : Writing /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/public/assets/webhooks-5717e7c840171019a4eeab5b79a7f894a4986eaff93d04ec5b12c9a189f594bf.css.gz
      Webpacker is installed ๐ŸŽ‰ ๐Ÿฐ
      Using /tmp/build_7b3f434e507e167a29cbef1ef24dbffc/config/webpack/paths.yml file for setting up webpack paths
      Compiling webpacker assets ๐ŸŽ‰
      (node:1943) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
      parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
!
!     Precompiling assets failed.
!
!     Push rejected, failed to compile Ruby app.
!     Push failed
ytbryan commented 7 years ago

Don't see any useful error hint. Does it run properly at localhost first?

@ankitsinghaniyaz can you share the repo?

ankitsinghaniyaz commented 7 years ago

I think I found the issue, it has something to do with uglify and Vue Single File component:

Here are the logs from my local:

aks:forme$ rake assets:precompile RAILS_ENV=production
yarn install v0.21.3
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.55s.
Webpacker is installed ๐ŸŽ‰ ๐Ÿฐ
Using /home/aks/playground/forme/config/webpack/paths.yml file for setting up webpack paths
Compiling webpacker assets ๐ŸŽ‰
(node:31516) DeprecationWarning: loaderUtils.parseQuery() received a non-string value which can be problematic, see https://github.com/webpack/loader-utils/issues/56
parseQuery() will be replaced with getOptions() in the next major version of loader-utils.
shared/flash-51b27eb5873607ec5f93.js from UglifyJs
Unexpected token punc ยซ(ยป, expected punc ยซ:ยป [shared/flash-51b27eb5873607ec5f93.js:11417,12]

Which is referring to this file:

import Vue from 'vue/dist/vue.esm';
import Buefy from 'buefy';
import flash from 'components/flash';

// Vue.use(Buefy)
//
//
// const app = new Vue({
//   el: '#flash-container',
//   components: {
//     flash
//   }
// });

Which in turn refers the .vue file, If the I remove that import it works just fine. Here is the vue file:

<template lang="html">

</template>

<script>
export default {
  // add props here
  // in the updated callback do toast agian
  props: ['duration', 'position', 'type', 'message'],
  willUpdate() {
    this.popupToast();
  },
  mounted() {
    this.popupToast();
  },
  methods: {
    popupToast() {
      let { duration, position, type, message } = this;

      if(!message) return;

      this.$toast.open({
        message,
        position,
        duration,
        type
      });
    }
  }

}
</script>

<style lang="css">
</style>
ytbryan commented 7 years ago

Try popupToast: function() {

ankitsinghaniyaz commented 7 years ago

I was using that syntax by default, then this is the error:

shared/flash-846c90a2305331424476.js from UglifyJs
Unexpected token: punc ({) [shared/flash-846c90a2305331424476.js:11425,10]

Here is the file

<template lang="html">

</template>

<script>
export default {
  // add props here
  // in the updated callback do toast agian
  props: ['duration', 'position', 'type', 'message'],
  willUpdate: function() {
    this.popupToast();
  },
  mounted: function() {
    this.popupToast();
  },
  methods: {
    popupToast: function() {
      let { duration, position, type, message } = this;

      if(!message) return;

      this.$toast.open({
        message,
        position,
        duration,
        type
      });
    }
  }

}
</script>

<style lang="css">
</style>
ytbryan commented 7 years ago

Ok you have more syntax problems. I have corrected them below.

It works in a vue init webpack name project.

Since this is not a webpacker issue, i think you can close it. You can continue to ask after you close the issue.

Update: i just realise it's because of my eslint. Maybe you should add in eslint to fix any syntax issue?

<template lang="html">

</template>

<script>
export default {
  // add props here
  // in the updated callback do toast agian
  props: ['duration', 'position', 'type', 'message'],
  willUpdate: function () {
    this.popupToast()
  },
  mounted: function () {
    this.popupToast()
  },
  methods: {
    popupToast: function () {
      let { duration, position, type, message } = this

      if (!message) return

      this.$toast.open({
        message,
        position,
        duration,
        type
      })
    }
  }

}
</script>

<style lang="css">
</style>
ankitsinghaniyaz commented 7 years ago

@ytbryan I see the changes you've made but what was there already isn't that a valid syntax?

Moreover, it compiles just fine when I run webpack-dev-server!

I still have the errors even after replacing the code with yours.

Edit

The error happens when we try to destructure:

let { duration, position, type, message } = this
sealocal commented 7 years ago

I've also run into deployment problems based on syntax errors. In my case, I had a syntax error in a component's CSS stylesheet - it seemed that compiling assets failed silently with Webpacker 1.0. I'm not sure if that's the case with Rails 5+ without Webpacker 1.0. After fixing the syntax error, I noticed that on success a manifest json object was printed to the command line. As a user of Webpacker, I would have found it time-saving if there was some noise from Webpacker/Rails to tell me that my assets did not compile.

gauravtiwari commented 7 years ago

@sealocal Yeah, the errors will get better after #264

RavenXce commented 7 years ago

UglifyJS does not support ES6 syntax at the moment.

Rather than changing your syntax, you could also use the unstable version of uglify as described here: https://github.com/webpack-contrib/uglifyjs-webpack-plugin#install, and updating config/webpack/production.js to use that instead.