Bagisto Forum

    Bagisto
    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups

    Velocity css file

    General Discussion
    6
    30
    5676
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • V
      Vaishali Agarwal last edited by

      @Shirah
      make sure you have followed the command in a proper way-

      run the below command inside package/velocity

      npm run prod

      now go to the project root directory and execute below and press the index number of velocity package

      php artisan vendor:publish --force
      1 Reply Last reply Reply Quote 0
      • S
        Shirah last edited by

        Still not working. I received other error.

        npm.PNG

        1 Reply Last reply Reply Quote 0
        • R
          raouf415 last edited by

          i have exactly the same issues cannot readproperty 'inProduction' any solution ?

          1 Reply Last reply Reply Quote 0
          • V
            Vaishali Agarwal last edited by

            @raouf415
            please first check that node and npm should be installed on your system.

            1 Reply Last reply Reply Quote 0
            • R
              raouf415 last edited by raouf415

              Already installed npm 6.14.8 a node 8.0.0 sorry node 14.15.0

              1 Reply Last reply Reply Quote 0
              • R
                raouf415 last edited by

                Here is error when test now
                npm ERR! code ELIFECYCLE
                npm ERR! errno 1
                npm ERR! @ watch: cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
                npm ERR! Exit status 1
                npm ERR!
                npm ERR! Failed at the @ watch script.
                npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                npm ERR! A complete log of this run can be found in:
                npm ERR! /home/raouf/.npm/_logs/2020-11-16T16_31_38_907Z-debug.log

                1 Reply Last reply Reply Quote 0
                • V
                  Vaishali Agarwal last edited by

                  @raouf415
                  your application is under dev mode or production mode?

                  R 1 Reply Last reply Reply Quote 0
                  • R
                    raouf415 last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • R
                      raouf415 @Vaishali Agarwal last edited by

                      @Vaishali-Agarwal
                      you mean ?
                      'env' => env('APP_ENV', 'production'),

                      1 Reply Last reply Reply Quote 0
                      • V
                        Vaishali Agarwal last edited by

                        @raouf415
                        Yes, if inside .env the APP_DEBUG=false it means the application is under production mode else if APP_DEBUG=true (development mode)

                        R 1 Reply Last reply Reply Quote 0
                        • R
                          raouf415 @Vaishali Agarwal last edited by

                          @Vaishali-Agarwal App_debug = true

                          1 Reply Last reply Reply Quote 0
                          • V
                            Vaishali Agarwal last edited by Vaishali Agarwal

                            @raouf415
                            kindly execute the below command inside velocity package

                            npm i

                            npm run prod
                            R 1 Reply Last reply Reply Quote 0
                            • R
                              raouf415 @Vaishali Agarwal last edited by

                              @Vaishali-Agarwal
                              node_modules deleted
                              Npm i it's ok
                              npm run prod
                              prod /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity

                              npm run production

                              @ production /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity
                              cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

                              /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/cli.js:281
                              throw err;
                              ^

                              ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.

                              • configuration.module.rules[11] should be one of these:
                                ["..." | object { compiler?, dependency?, descriptionData?, enforce?, exclude?, generator?, include?, issuer?, loader?, mimetype?, oneOf?, options?, parser?, realResource?, resolve?, resource?, resourceFragment?, resourceQuery?, rules?, sideEffects?, test?, type?, use? }, ...]
                                -> A rule.
                              1 Reply Last reply Reply Quote 0
                              • V
                                Vaishali Agarwal last edited by Vaishali Agarwal

                                @raouf415
                                please show all the files inside the velocity package.

                                Have you made any changes inside the project or webpack.mix.js file under velocity package??

                                R 2 Replies Last reply Reply Quote 0
                                • R
                                  raouf415 last edited by

                                  This post is deleted!
                                  1 Reply Last reply Reply Quote 0
                                  • R
                                    raouf415 @Vaishali Agarwal last edited by

                                    @Vaishali-Agarwal alt text

                                    1 Reply Last reply Reply Quote 0
                                    • R
                                      raouf415 @Vaishali Agarwal last edited by

                                      @Vaishali-Agarwal
                                      after change the first line to
                                      const { mix } = require("laravel-mix");

                                      here is error
                                      npm run prod

                                      @ prod /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity
                                      npm run production

                                      @ production /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity
                                      cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

                                      /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/cli.js:93
                                      throw err;
                                      ^

                                      TypeError: Cannot read property 'inProduction' of undefined
                                      at Object.<anonymous> (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/webpack.mix.js:6:9)
                                      at Module._compile (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
                                      at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
                                      at Module.load (internal/modules/cjs/loader.js:928:32)
                                      at Function.Module._load (internal/modules/cjs/loader.js:769:14)
                                      at Module.require (internal/modules/cjs/loader.js:952:19)
                                      at require (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
                                      at Object.<anonymous> (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/laravel-mix/setup/webpack.config.js:12:1)
                                      at Module._compile (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
                                      at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
                                      at Module.load (internal/modules/cjs/loader.js:928:32)
                                      at Function.Module._load (internal/modules/cjs/loader.js:769:14)
                                      at Module.require (internal/modules/cjs/loader.js:952:19)
                                      at require (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
                                      at WEBPACK_OPTIONS (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/utils/convert-argv.js:114:13)
                                      at requireConfig (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/utils/convert-argv.js:116:6)
                                      at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/utils/convert-argv.js:123:17
                                      at Array.forEach (<anonymous>)
                                      at module.exports (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/utils/convert-argv.js:121:15)
                                      at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/cli.js:71:45
                                      at Object.parse (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/node_modules/yargs/yargs.js:576:18)
                                      at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/cli.js:49:8
                                      at Object.<anonymous> (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack-cli/bin/cli.js:366:3)
                                      at Module._compile (internal/modules/cjs/loader.js:1063:30)
                                      at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
                                      at Module.load (internal/modules/cjs/loader.js:928:32)
                                      at Function.Module._load (internal/modules/cjs/loader.js:769:14)
                                      at Module.require (internal/modules/cjs/loader.js:952:19)
                                      at require (internal/modules/cjs/helpers.js:88:18)
                                      at runCli (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack/bin/webpack.js:54:2)
                                      at Object.<anonymous> (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack/bin/webpack.js:140:2)
                                      at Module._compile (internal/modules/cjs/loader.js:1063:30)
                                      at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
                                      at Module.load (internal/modules/cjs/loader.js:928:32)
                                      at Function.Module._load (internal/modules/cjs/loader.js:769:14)
                                      at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
                                      npm ERR! code ELIFECYCLE
                                      npm ERR! errno 1
                                      npm ERR! @ production: cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
                                      npm ERR! Exit status 1
                                      npm ERR!
                                      npm ERR! Failed at the @ production script.
                                      npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                                      npm ERR! A complete log of this run can be found in:
                                      npm ERR! /home/raouf/.npm/_logs/2020-11-16T17_27_14_091Z-debug.log
                                      npm ERR! code ELIFECYCLE
                                      npm ERR! errno 1
                                      npm ERR! @ prod: npm run production
                                      npm ERR! Exit status 1
                                      npm ERR!
                                      npm ERR! Failed at the @ prod script.
                                      npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

                                      npm ERR! A complete log of this run can be found in:
                                      npm ERR! /home/raouf/.npm/_logs/2020-11-16T17_27_14_148Z-debug.log

                                      1 Reply Last reply Reply Quote 0
                                      • devansh-webkul
                                        devansh-webkul last edited by devansh-webkul

                                        Hi @raouf415,

                                        Just replace this line i.e. const mix = require("laravel-mix"); with this const { mix } = require("laravel-mix");.

                                        Because we need only mix object not everything.

                                        If you want to use the whole object then please replace every mix variable with mix.mix.

                                        And then run npm run prod.

                                        1 Reply Last reply Reply Quote 0
                                        • R
                                          raouf415 last edited by raouf415

                                          @devansh-webkul said in Velocity css file:

                                          mix.mix

                                          Hello , thank you for your help
                                          when i replace const mix = require("laravel-mix"); with this const { mix } = require("laravel-mix");. i receive error TypeError: Cannot read property 'inProduction' of undefined
                                          when i replace const { mix } = require("laravel-mix"); with mix = require("laravel-mix");
                                          i receive this error
                                          ERROR in ./src/Resources/assets/sass/app.scss
                                          Module build failed (from ./node_modules/css-loader/index.js):
                                          ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
                                          ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.

                                          • options has an unknown property 'includePaths'. These properties are valid:
                                            object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
                                            at validate (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/schema-utils/dist/validate.js:98:11)
                                            at Object.loader (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/sass-loader/dist/index.js:36:28)
                                            at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/webpack/lib/NormalModule.js:316:20
                                            at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/loader-runner/lib/LoaderRunner.js:367:11
                                            at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/loader-runner/lib/LoaderRunner.js:233:18
                                            at runSyncOrAsync (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/loader-runner/lib/LoaderRunner.js:143:3)
                                            at iterateNormalLoaders (/home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/loader-runner/lib/LoaderRunner.js:232:2)
                                            at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/loader-runner/lib/LoaderRunner.js:205:4
                                            at /home/raouf/ecommerce/new/ecommerce/vendor/bagisto/bagisto/packages/Webkul/Velocity/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15
                                            at processTicksAndRejections (internal/process/task_queues.js:75:11)
                                            @ ./src/Resources/assets/sass/app.scss

                                          when i remove this line {
                                          includePaths: ['/node_modules/bootstrap-sass/assets/stylesheets/'],
                                          }
                                          npm run prod works but when i change color in variable.scss for example $button-primary-bg: #3c11a1; and run npm run prod
                                          nothing happen
                                          the file in /vendor/bagisto/bagisto/packages/Webkul/Velocity/publishable/assets/css/velocity.css was changed with the correct color but in front-end the color is not changed
                                          what i' missing ?

                                          1 Reply Last reply Reply Quote 0
                                          • devansh-webkul
                                            devansh-webkul last edited by

                                            Hi @raouf415,

                                            You need to publish your changes every time if your are using npm run prod because this will compile all your changes but will not place on the public path. For that you need to run php artisan vendor:publish --all --force.

                                            Otherwise, for development purpose you can use the npm run watch command. This will track all your changes and automatically place all your changes to the public path so that you don't need to publish your package again and again.

                                            Once done with your changes, then run npm run prod and publish your pakage.

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post