Bagisto Forum

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

    Velocity css file

    General Discussion
    6
    30
    4283
    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.
    • S
      Shirah last edited by

      Thank you the problem solve. But now I make changes in the shared.scss files but nothing change.

      1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post