search

marcmascarell / Vuindows

A tribute to Windows 10 made with Vue.js
https://marcmascarell.github.io/Vuindows/
MIT License
17 stars 6 forks source link

How customize it ? #13

Closed shortymc closed 2 years ago

shortymc commented 3 years ago

Waw ! It's really great work !

I want to change, add/remove icons and associates links. How i can do for personalize interface. I've beautified vendor.js and app.js but i think it's not enough for modifying the desktop.

Best regards.

marcmascarell commented 3 years ago

Hey!

Thank you for the kind words.

This is a Vue.js app, you will see the JS code here https://github.com/marcmascarell/Vuindows/tree/master/js

Specifically the programs with their icons are located in the Vuex store https://github.com/marcmascarell/Vuindows/blob/master/js/store/modules/programs.js

shortymc commented 3 years ago

Thanks you very much for your fast response :) I will take a look immediately.

Also maybe some dependencies are out of date or not working on my web server (debian stretch I downloaded this branch : https://github.com/marcmascarell/Vuindows/tree/dependabot/npm_and_yarn/hosted-git-info-2.8.9

npm install `
vendor/linux-x64-64/binding.node Testing binary Binary is fine npm WARN vuindows@1.1.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules/chokidar/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1175 packages from 695 contributors and audited 1311 packages in 136.519s found 732 vulnerabilities (546 low, 9 moderate, 177 high)

`

after npm audit fix ' vendor/linux-x64-64/binding.node Testing binary Binary is fine npm WARN vuindows@1.1.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules/chokidar/node_modules/fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

added 1175 packages from 695 contributors and audited 1311 packages in 136.519s found 732 vulnerabilities (546 low, 9 moderate, 177 high)

' I try npm install but i don't see any differences at usage It's look ` npm audit fix --force npm WARN using --force I sure hope you know what you are doing. npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies. npm WARN deprecated fsevents@1.2.13: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2. npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated

fsevents@1.2.13 install /var/www/html/myvuiddowsfolder/node_modules/fsevents node install.js

Skipping 'fsevents' build as platform linux is not supported npm WARN laravel-mix@6.0.19 requires a peer of postcss@^8.1.2 but none is installed. You must install peer dependencies yourself. npm WARN autoprefixer@10.2.5 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN icss-utils@5.1.0 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN postcss-modules-extract-imports@3.0.0 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN postcss-modules-local-by-default@4.0.0 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN postcss-modules-scope@3.0.0 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN postcss-modules-values@4.0.0 requires a peer of postcss@^8.1.0 but none is installed. You must install peer dependencies yourself. npm WARN vuindows@1.1.0 No repository field.

93 packages are looking for funding run npm fund for details

fixed 22 of 27 vulnerabilities in 1350 scanned packages 5 vulnerabilities required manual review and could not be updated 1 package update for 18 vulnerabilities involved breaking changes (installed due to --force option)

`

So maybe it can work well without npm install ? Thanks for your response. and for your great work. Best regards

shortymc commented 3 years ago

Hi. I've tried to make changes in program.js but nothing changes in homepage i try reupload with changes and nothing change in the homepage also i can't see audio and videos icons and apps Capture d’écran_2021-05-12_01-07-08

import Vue from 'vue' import _ from 'lodash'

const updateProgram = (state, id, program) => { const arrayIndex = _.findIndex(state.runningPrograms, runningProgram => runningProgram.id === id);

Vue.set(state.runningPrograms, arrayIndex, program);

};

const throwProgramNotFound = (programName) => { throw Program is not listed: ${programName}; };

// initial state. For all Program options available go to Program.vue const state = { programs: [ { name: 'Internet', shortcutName: 'Internet', icon: 'images/programs/navigator.png', component: 'Navigator', props: { options: { mode: 'maximized' } } }, { name: 'Settings', icon: 'images/programs/settings-bg.png', component: 'Settings', props: { options: { mode: 'maximized' } } }, { name: 'Dossiers', icon: 'images/programs/file-explorer.png', component: 'FileExplorer' },

            {
        name: 'Sites du réseau TradeZone.fr',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Réseau TradeZone.fr',
            startPage: 'http://91.229.20.151/tools/test6/00-00-aa1-BrowserOS-master/bureau_tradezone/BrowserOS.php',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                    {
        name: 'TradeZone.fr',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'TradeZone.fr',
            startPage: 'http://tradezone.fr',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                    {
        name: 'Ma Publicité Gratuite',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Ma Publicité Gratuite',
            startPage: 'http://www.mapublicitegratuite.com',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                            {
        name: 'Annuaire de sites TradeZone.fr',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Annuaire de sites Internet',
            startPage: 'http://www.tradezone.fr/Web_Links.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                                    {
        name: 'Annuaire de sites TradeZone.fr',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Annuaire de sites Internet',
            startPage: 'http://www.tradezone.fr/Web_Links.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                                            {
        name: 'Téléchargements',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Logiciels à télécharger',
            startPage: 'https://www.tradezone.fr/modules.php?name=Downloads',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                                            {
        name: 'Vidéos',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Vidéos',
            startPage: 'https://www.tradezone.tv',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

                                                {
        name: 'Musique',
        icon: 'images/programs/tradezone.png',
        component: 'Navigator',
        props: {
            title: 'Musique',
            startPage: 'http://91.229.20.151:3001',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },

    {
        name: 'Swap',
        icon: 'images/programs/swap.png',
        component: 'Navigator',
        props: {
            title: 'Swap',
            startPage: 'apps/games/swap/index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'Hextris',
        icon: 'images/programs/hextris.png',
        component: 'Navigator',
        props: {
            title: 'Hextris',
            startPage: 'apps/games/hextris/index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'Bemuse',
        icon: 'images/programs/bemuse.png',
        component: 'Navigator',
        props: {
            title: 'Bemuse',
            startPage: 'https://bemuse.ninja//index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'A Dark Room',
        icon: 'images/programs/adarkroom.png',
        component: 'Navigator',
        props: {
            title: 'A Dark Room',
            startPage: 'http://adarkroom.doublespeakgames.com/',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'Tower',
        icon: 'images/programs/tower.png',
        component: 'Navigator',
        props: {
            title: 'Tower',
            startPage: 'apps/games/tower/index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'The House',
        icon: 'images/programs/thehouse-transparent.png',
        component: 'Navigator',
        props: {
            title: 'The House',
            startPage: 'https://the-house.arturkot.pl',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'Newbie God',
        icon: 'images/programs/newbie-god2.png',
        component: 'Navigator',
        props: {
            title: 'Newbie God',
            startPage: 'apps/games/newbie-god/index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: '2048',
        icon: 'images/programs/2048.jpg',
        component: 'Navigator',
        props: {
            title: '2048',
            startPage: 'apps/games/2048/index.html',
            controls: false,
            options: {
                mode: 'maximized'
            }
        }
    },
    {
        name: 'Terminal',
        icon: 'images/programs/terminal.png',
        component: 'Terminal',
    },
    {
        name: 'VideoPlayer',
        icon: 'images/programs/vlc.png',
        component: 'VideoPlayer'
    },
    {
        name: 'AudioPlayer',
        icon: 'images/programs/song.png',
        component: 'AudioPlayer',
        props: {
            options: {
                scrollable: false
            }
        }
    },
    {
        name: 'PhotoViewer',
        icon: 'images/programs/file.png',
        component: 'PhotoViewer'
    },
    {
        name: 'Notepad',
        icon: 'images/programs/notepad.png',
        component: 'Notepad'
    },
],
runningPrograms: [],
nextId: 1,
highestZindex: 100

};

// getters const getters = { programs: state => state.programs, runningPrograms: state => state.runningPrograms, getRunningProgram: state => id => state.runningPrograms.find(program => program.id === id), getProgram: state => name => state.programs.find(program => program.name === name), getProgramIcon: (state, getters) => name => { const program = getters.getProgram(name);

    if (! program) {
        throwProgramNotFound(name);
    }

    return program.icon || 'images/filetypes/executable.png';
},
upfrontProgram: state => _.maxBy(state.runningPrograms, 'zIndex'),
groupedRunningPrograms: state => _.groupBy(state.runningPrograms, 'name')

};

// actions const actions = { runProgram({ commit, getters }, program) { if (! _.isObject(program)) { program = {name: program}; }

    const defaultProgram = getters.getProgram(program.name);

    if (! defaultProgram) {
        throwProgramNotFound(program.name);
    }

    // Todo
    // if (! defaultProgram.position) {
    //     defaultProgram.position = {
    //         left: '200px',
    //         top: '200px'
    //     };
    // }

    const finalProgram = _.merge({}, defaultProgram, {
        props: program.props || {},
        options: {} // Will be filled by Program.vue merging specific program options with generic program options
    });

    commit('runProgram', finalProgram);
},
terminateProgram({ commit }, id) {
    commit('terminateProgram', id);
},
bringProgramToTop({ commit, state, getters }, id) {
    // If the program is already upfront don't do anything
    if (getters.upfrontProgram && getters.upfrontProgram.id === id) {
        return;
    }

    const program = getters.getRunningProgram(id);

    // Maybe the click was too close the window
    if (! program) {
        return;
    }

    commit('bringProgramToTop', program);
},
setProgramOptions({ commit, getters }, { id, options }) {
    const program = getters.getRunningProgram(id);

    commit('setProgramOptions', { program, options });
},
unminimize({ commit, getters }, id) {
    const program = getters.getRunningProgram(id);

    commit('unminimize', program);
},

};

// mutations const mutations = { runProgram(state, program) { const id = state.nextId++;

    if (program.props === undefined) {
        program.props = {};
    }

    program.props.id = id;

    state.runningPrograms.push(Object.assign({}, program, {
        id,
        zIndex: state.highestZindex++
    }));
},
terminateProgram(state, id) {
    const arrayIndex = _.findIndex(state.runningPrograms, program => program.id === id);

    Vue.delete(state.runningPrograms, arrayIndex);
},

bringProgramToTop(state, program) {
    program.zIndex = state.highestZindex++;

    updateProgram(state, program.id, program);
},
setProgramOptions(state, { program, options }) {
    program.options = options;

    updateProgram(state, program.id, program);
},
unminimize(state, program) {
    program.options.mode = program.options.previousMode || 'normal';

    updateProgram(state, program.id, program);
}

};

export default { state, getters, actions, mutations }

Thanks for your support. Best regards

shortymc commented 3 years ago

Vuindows is so great :1st_place_medal: I just wan't to changes icons and their links. please help me !!

Best regards

marcmascarell commented 3 years ago

Hi,

Glad you like it!

I updated some dependencies.

About modifying Desktop.vue shortcuts there is a computed property called programsInDesktop where you will see the programs that are listed.

If you need to change more things you will need some Vue knowledge :)

shortymc commented 3 years ago

Hi :) I did it but it's still not working. The original menu stay. also if let only the dist folder, it's working Or it's not working or it's looks like a cache problem. I tried npm cache clean --force and rm -rf node_modules/.cache and nothing a changed I try to reupload but nothing change. I modify the files, maybe i've made a mistake. You can download the modified files : https://www.tradezone.fr/media/files/Vuindows_fork.zip

Thanks you for your support Best regards

marcmascarell commented 3 years ago

You have to run npm run dev (on very change you make) or npm run hot on development. And then to optimize and minify use npm run production.

shortymc commented 3 years ago

Thanks you for fast responding ! :) For npm run dev i got :

npm run dev

vuindows@1.1.0 dev /var/www/html/tools/test6/00-00-00-Vuindows/tst3 cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

internal/modules/cjs/loader.js:818 throw err; ^

Error: Cannot find module '/var/www/html/tools/test6/00-00-00-Vuindows/tst3/node_modules/laravel-mix/setup/webpack.config.js' Require stack:

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2021-05-15T01_17_43_805Z-debug.log

error log <<<

0 info it worked if it ends with ok 1 verbose cli [ '/usr/bin/node', '/usr/local/bin/npm', 'run', 'dev' ] 2 info using npm@6.14.4 3 info using node@v12.22.1 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle vuindows@1.1.0~predev: vuindows@1.1.0 6 info lifecycle vuindows@1.1.0~dev: vuindows@1.1.0 7 verbose lifecycle vuindows@1.1.0~dev: unsafe-perm in lifecycle true 8 verbose lifecycle vuindows@1.1.0~dev: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/var/www/html/tools/test6/00-00-00-Vuindows/tst3/node_modules/.bin:/usr/local/sbin:/usr/lo$ 9 verbose lifecycle vuindows@1.1.0~dev: CWD: /var/www/html/tools/test6/00-00-00-Vuindows/tst3 10 silly lifecycle vuindows@1.1.0~dev: Args: [ 10 silly lifecycle '-c', 10 silly lifecycle 'cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js' 10 silly lifecycle ] 11 silly lifecycle vuindows@1.1.0~dev: Returned: code: 1 signal: null 12 info lifecycle vuindows@1.1.0~dev: Failed to exec dev script 13 verbose stack Error: vuindows@1.1.0 dev: cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 13 verbose stack Exit status 1 13 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:314:20) 13 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:314:20) 13 verbose stack at maybeClose (internal/child_process.js:1022:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5) 14 verbose pkgid vuindows@1.1.0 15 verbose cwd /var/www/html/tools/test6/00-00-00-Vuindows/tst3 16 verbose Linux 4.9.0-15-amd64 17 verbose argv "/usr/bin/node" "/usr/local/bin/npm" "run" "dev" 18 verbose node v12.22.1 19 verbose npm v6.14.4 20 error code ELIFECYCLE 21 error errno 1 22 error vuindows@1.1.0 dev: cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 22 error Exit status 1 23 error Failed at the vuindows@1.1.0 dev script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]

For npm run hot i got

npm run hot

vuindows@1.1.0 hot /var/www/html/tools/test6/00-00-00-Vuindows/tst3 cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js

internal/modules/cjs/loader.js:818 throw err; ^

Error: Cannot find module '/var/www/html/tools/test6/00-00-00-Vuindows/tst3/node_modules/laravel-mix/setup/webpack.config.js' Require stack:

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2021-05-15T01_22_11_991Z-debug.log

error log <<<

0 info it worked if it ends with ok 1 verbose cli [ '/usr/bin/node', '/usr/local/bin/npm', 'run', 'hot' ] 2 info using npm@6.14.4 3 info using node@v12.22.1 4 verbose run-script [ 'prehot', 'hot', 'posthot' ] 5 info lifecycle vuindows@1.1.0~prehot: vuindows@1.1.0 6 info lifecycle vuindows@1.1.0~hot: vuindows@1.1.0 7 verbose lifecycle vuindows@1.1.0~hot: unsafe-perm in lifecycle true 8 verbose lifecycle vuindows@1.1.0~hot: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/var/www/html/tools/test6/00-00-00-Vuindows/tst3/node_modules/.bin:/usr/local/sbin:/usr/lo$ 9 verbose lifecycle vuindows@1.1.0~hot: CWD: /var/www/html/tools/test6/00-00-00-Vuindows/tst3 10 silly lifecycle vuindows@1.1.0~hot: Args: [ 10 silly lifecycle '-c', 10 silly lifecycle 'cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js' 10 silly lifecycle ] 11 silly lifecycle vuindows@1.1.0~hot: Returned: code: 1 signal: null 12 info lifecycle vuindows@1.1.0~hot: Failed to exec hot script 13 verbose stack Error: vuindows@1.1.0 hot: cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js 13 verbose stack Exit status 1 13 verbose stack at EventEmitter. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/index.js:332:16) 13 verbose stack at EventEmitter.emit (events.js:314:20) 13 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:55:14) 13 verbose stack at ChildProcess.emit (events.js:314:20) 13 verbose stack at maybeClose (internal/child_process.js:1022:16) 13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5) 14 verbose pkgid vuindows@1.1.0 15 verbose cwd /var/www/html/tools/test6/00-00-00-Vuindows/tst3 16 verbose Linux 4.9.0-15-amd64 17 verbose argv "/usr/bin/node" "/usr/local/bin/npm" "run" "hot" 18 verbose node v12.22.1 19 verbose npm v6.14.4 20 error code ELIFECYCLE 21 error errno 1 22 error vuindows@1.1.0 hot: cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js 22 error Exit status 1 23 error Failed at the vuindows@1.1.0 hot script. 23 error This is probably not a problem with npm. There is likely additional logging output above. 24 verbose exit [ 1, true ]

But if i load the url in my browser i don't need npm, ? It is working the same online without install. Thanks you for your help :)

marcmascarell commented 3 years ago

Yes you must use npm every time you make a change or it won't be reflected. If dependencies are not working make a pull to get the latest changes I made and reinstall them.

shortymc commented 3 years ago

Hi I try your updated version. It's not working with the index.html file without the file /dist/app.js But if i add it the desktop is unchanged (like before) after update dependencies and also add some more (see my pull request (the first on github!)) i can't run the app.

root@srv132:/var/www/html/tools/test6/00-00-00-Vuindows/js# npm run dev

vuindows@1.1.0 dev /var/www/html/tools/test6/00-00-00-Vuindows cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js

sh: 1: cross-env: not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! vuindows@1.1.0 dev: cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the vuindows@1.1.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2021-05-16T22_21_03_257Z-debug.log

Error log

0 info it worked if it ends with ok 1 verbose cli [ '/usr/bin/node', '/usr/local/bin/npm', 'run', 'dev' ] 2 info using npm@6.14.4 3 info using node@v12.22.1 4 verbose run-script [ 'predev', 'dev', 'postdev' ] 5 info lifecycle vuindows@1.1.0~predev: vuindows@1.1.0 6 info lifecycle vuindows@1.1.0~dev: vuindows@1.1.0 7 verbose lifecycle vuindows@1.1.0~dev: unsafe-perm in lifecycle true 8 verbose lifecycle vuindows@1.1.0~dev: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/var/www/html/tools/test6/00-00-00-Vuindows/node_modules/.bin:/usr/local/sbin:/usr/local/b$ 9 verbose lifecycle vuindows@1.1.0~dev: CWD: /var/www/html/tools/test6/00-00-00-Vuindows 10 silly lifecycle vuindows@1.1.0~dev: Args: [ 10 silly lifecycle '-c', 10 silly lifecycle 'cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js' 10 silly lifecycle ] 11 info lifecycle vuindows@1.1.0~dev: Failed to exec dev script 12 verbose stack Error: vuindows@1.1.0 dev: cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 12 verbose stack spawn ENOENT 12 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:48:18) 12 verbose stack at ChildProcess.emit (events.js:314:20) 12 verbose stack at maybeClose (internal/child_process.js:1022:16) 12 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5) 13 verbose pkgid vuindows@1.1.0 14 verbose cwd /var/www/html/tools/test6/00-00-00-Vuindows/js 15 verbose Linux 4.9.0-15-amd64 16 verbose argv "/usr/bin/node" "/usr/local/bin/npm" "run" "dev" 17 verbose node v12.22.1 18 verbose npm v6.14.4 19 error code ELIFECYCLE 20 error syscall spawn 21 error file sh 22 error errno ENOENT 23 error vuindows@1.1.0 dev: cross-env NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js 23 error spawn ENOENT 24 error Failed at the vuindows@1.1.0 dev script. 24 error This is probably not a problem with npm. There is likely additional logging output above. 25 verbose exit [ 1, true ]

npm run hot

vuindows@1.1.0 hot /var/www/html/tools/test6/00-00-00-Vuindows cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js

sh: 1: cross-env: not found npm ERR! code ELIFECYCLE npm ERR! syscall spawn npm ERR! file sh npm ERR! errno ENOENT npm ERR! vuindows@1.1.0 hot: cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js npm ERR! spawn ENOENT npm ERR! npm ERR! Failed at the vuindows@1.1.0 hot script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2021-05-16T22_29_00_880Z-debug.log root@srv132:/var/www/html/tools/test6/00-00-00-Vuindows# nano /root/.npm/_logs/2021-05-16T22_29_00_880Z-debug.log root@srv132:/var/www/html/tools/test6/00-00-00-Vuindows#

Error log

0 info it worked if it ends with ok 1 verbose cli [ '/usr/bin/node', '/usr/local/bin/npm', 'run', 'hot' ] 2 info using npm@6.14.4 3 info using node@v12.22.1 4 verbose run-script [ 'prehot', 'hot', 'posthot' ] 5 info lifecycle vuindows@1.1.0~prehot: vuindows@1.1.0 6 info lifecycle vuindows@1.1.0~hot: vuindows@1.1.0 7 verbose lifecycle vuindows@1.1.0~hot: unsafe-perm in lifecycle true 8 verbose lifecycle vuindows@1.1.0~hot: PATH: /usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/node-gyp-bin:/var/www/html/tools/test6/00-00-00-Vuindows/node_modules/.bin:/usr/local/sbin:/usr/local/b$ 9 verbose lifecycle vuindows@1.1.0~hot: CWD: /var/www/html/tools/test6/00-00-00-Vuindows 10 silly lifecycle vuindows@1.1.0~hot: Args: [ 10 silly lifecycle '-c', 10 silly lifecycle 'cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js' 10 silly lifecycle ] 11 info lifecycle vuindows@1.1.0~hot: Failed to exec hot script 12 verbose stack Error: vuindows@1.1.0 hot: cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js 12 verbose stack spawn ENOENT 12 verbose stack at ChildProcess. (/usr/local/lib/node_modules/npm/node_modules/npm-lifecycle/lib/spawn.js:48:18) 12 verbose stack at ChildProcess.emit (events.js:314:20) 12 verbose stack at maybeClose (internal/child_process.js:1022:16) 12 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:287:5) 13 verbose pkgid vuindows@1.1.0 14 verbose cwd /var/www/html/tools/test6/00-00-00-Vuindows 15 verbose Linux 4.9.0-15-amd64 16 verbose argv "/usr/bin/node" "/usr/local/bin/npm" "run" "hot" 17 verbose node v12.22.1 18 verbose npm v6.14.4 19 error code ELIFECYCLE 20 error syscall spawn 21 error file sh 22 error errno ENOENT 23 error vuindows@1.1.0 hot: cross-env NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js 23 error spawn ENOENT 24 error Failed at the vuindows@1.1.0 hot script. 24 error This is probably not a problem with npm. There is likely additional logging output above. 25 verbose exit [ 1, true ]

Thanks for your support :) Best regards

shortymc commented 3 years ago

ok, i found a way to modify it, so i put it on my website. It's works well. Thanks you very much :1st_place_medal: Best regards. Come eat at home when you want :)