Level 102
That is the biggest packages.json file I have ever seen.. And it seems that you are already using webpack?. Maybe continue to use that, to remove it?
Feb 21, 2023
6
Level 2
npm run dev / vite
After updating from Laravel 9 to 10 when I installed the node I faced issues after running npm run dev like:
> [email protected] dev
> vite
error when starting dev server:
Error: [vite:laravel:config] Could not read configuration: Command failed with exit code 1: php artisan vite:config
ERROR There are no commands defined in the "vite" namespace.
at readConfig (C:\MAMP\htdocs\sueliswebsite\laravel_ui-main\node_modules\vite-plugin-laravel\dist\index.cjs:331:11)
at config (C:\MAMP\htdocs\sueliswebsite\laravel_ui-main\node_modules\vite-plugin-laravel\dist\index.cjs:194:22)
at runConfigHook (file:///C:/MAMP/htdocs/sueliswebsite/laravel_ui-main/node_modules/vite/dist/node/chunks/dep-ae3fae1b.js:62364:31)
at resolveConfig (file:///C:/MAMP/htdocs/sueliswebsite/laravel_ui-main/node_modules/vite/dist/node/chunks/dep-ae3fae1b.js:61865:20)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async createServer (file:///C:/MAMP/htdocs/sueliswebsite/laravel_ui-main/node_modules/vite/dist/node/chunks/dep-ae3fae1b.js:61142:20)
at async CAC.<anonymous> (file:///C:/MAMP/htdocs/sueliswebsite/laravel_ui-main/node_modules/vite/dist/node/cli.js:734:24
I set with no results
"scripts": {
"dev": "vite",
"build": "vite build"
},
Package.json
{
"private": true,
"name": "laravel_ui-main",
"description": "<p align=\"center\"><a href=\"https://laravel.com\" target=\"_blank\"><img src=\"https://raw.githubusercontent.com/laravel/art/master/logo-lockup/5%20SVG/2%20CMYK/1%20Full%20Color/laravel-logolockup-cmyk-red.svg\" width=\"400\"></a></p>",
"version": "1.0.0",
"main": "webpack.mix.js",
"directories": {
"test": "tests"
},
"dependencies": {
"accepts": "^1.3.8",
"acorn": "^8.8.0",
"acorn-import-assertions": "^1.7.6",
"adjust-sourcemap-loader": "^3.0.0",
"ajv": "^6.12.6",
"ajv-formats": "^2.1.1",
"ajv-keywords": "^3.5.2",
"alphanum-sort": "^1.0.2",
"ansi-escapes": "^4.3.2",
"ansi-html-community": "^0.0.8",
"ansi-regex": "^5.0.1",
"ansi-styles": "^3.2.1",
"anymatch": "^3.1.2",
"arity-n": "^1.0.4",
"array-flatten": "^2.1.2",
"array-union": "^2.1.0",
"asn1.js": "^5.4.1",
"assert": "^1.5.0",
"atob": "^2.1.2",
"babel-loader": "^8.2.5",
"babel-plugin-dynamic-import-node": "^2.3.3",
"babel-plugin-polyfill-corejs2": "^0.3.3",
"babel-plugin-polyfill-corejs3": "^0.6.0",
"babel-plugin-polyfill-regenerator": "^0.4.1",
"balanced-match": "^1.0.2",
"base64-js": "^1.5.1",
"batch": "^0.6.1",
"big.js": "^5.2.2",
"binary-extensions": "^2.2.0",
"bn.js": "^5.2.0",
"body-parser": "^1.20.1",
"bonjour-service": "^1.0.14",
"boolbase": "^1.0.0",
"brace-expansion": "^1.1.11",
"braces": "^3.0.2",
"brorand": "^1.1.0",
"browserify-aes": "^1.2.0",
"browserify-cipher": "^1.0.1",
"browserify-des": "^1.0.2",
"browserify-rsa": "^4.1.0",
"browserify-sign": "^4.2.1",
"browserify-zlib": "^0.2.0",
"browserslist": "^4.21.4",
"buffer": "^4.9.2",
"buffer-from": "^1.1.2",
"buffer-xor": "^1.0.3",
"builtin-status-codes": "^3.0.0",
"bytes": "^3.0.0",
"call-bind": "^1.0.2",
"callsites": "^3.1.0",
"camel-case": "^4.1.2",
"camelcase": "^5.3.1",
"caniuse-api": "^3.0.0",
"caniuse-lite": "^1.0.30001419",
"chalk": "^2.4.2",
"charenc": "^0.0.2",
"chokidar": "^3.5.3",
"chrome-trace-event": "^1.0.3",
"ci-info": "^3.2.0",
"cipher-base": "^1.0.4",
"clean-css": "^5.3.1",
"cli-table3": "^0.6.0",
"cliui": "^7.0.4",
"clone-deep": "^4.0.1",
"collect.js": "^4.29.0",
"color-convert": "^1.9.3",
"color-name": "^1.1.3",
"colord": "^2.8.0",
"colorette": "^2.0.19",
"colors": "^1.4.0",
"commander": "^7.2.0",
"common-path-prefix": "^3.0.0",
"commondir": "^1.0.1",
"compose-function": "^3.0.3",
"compressible": "^2.0.18",
"compression": "^1.7.4",
"concat": "^1.0.3",
"concat-map": "^0.0.1",
"connect-history-api-fallback": "^2.0.0",
"consola": "^2.15.3",
"console-browserify": "^1.2.0",
"constants-browserify": "^1.0.0",
"content-disposition": "^0.5.4",
"content-type": "^1.0.4",
"convert-source-map": "^1.8.0",
"cookie": "^0.5.0",
"cookie-signature": "^1.0.6",
"core-js-compat": "^3.25.5",
"core-js-pure": "^3.18.1",
"core-util-is": "^1.0.3",
"cosmiconfig": "^7.0.1",
"create-ecdh": "^4.0.4",
"create-hash": "^1.2.0",
"create-hmac": "^1.1.7",
"cross-spawn": "^7.0.3",
"crypt": "^0.0.2",
"crypto-browserify": "^3.12.0",
"css": "^2.2.4",
"css-color-names": "^1.0.1",
"css-declaration-sorter": "^6.1.3",
"css-loader": "^5.2.7",
"css-select": "^4.1.3",
"css-tree": "^1.1.3",
"css-what": "^5.0.1",
"cssesc": "^3.0.0",
"cssnano": "^5.0.8",
"cssnano-preset-default": "^5.1.4",
"cssnano-utils": "^2.0.1",
"csso": "^4.2.0",
"d": "^1.0.1",
"debug": "^4.3.2",
"decode-uri-component": "^0.2.0",
"default-gateway": "^6.0.3",
"define-lazy-prop": "^2.0.0",
"define-properties": "^1.1.4",
"depd": "^1.1.2",
"des.js": "^1.0.1",
"destroy": "^1.2.0",
"detect-node": "^2.1.0",
"diffie-hellman": "^5.0.3",
"dir-glob": "^3.0.1",
"dns-equal": "^1.0.0",
"dns-packet": "^5.4.0",
"dom-serializer": "^1.3.2",
"domain-browser": "^1.2.0",
"domelementtype": "^2.2.0",
"domhandler": "^3.3.0",
"domutils": "^2.8.0",
"dot-case": "^3.0.4",
"dotenv": "^10.0.0",
"dotenv-expand": "^5.1.0",
"ee-first": "^1.1.1",
"electron-to-chromium": "^1.4.281",
"elliptic": "^6.5.4",
"emoji-regex": "^8.0.0",
"emojis-list": "^3.0.0",
"encodeurl": "^1.0.2",
"enhanced-resolve": "^5.10.0",
"entities": "^2.2.0",
"envinfo": "^7.8.1",
"error-ex": "^1.3.2",
"error-stack-parser": "^2.0.6",
"es-module-lexer": "^0.9.2",
"es5-ext": "^0.10.53",
"es6-iterator": "^2.0.3",
"es6-symbol": "^3.1.3",
"escalade": "^3.1.1",
"escape-html": "^1.0.3",
"escape-string-regexp": "^1.0.5",
"eslint-scope": "^5.1.1",
"esrecurse": "^4.3.0",
"estraverse": "^4.3.0",
"esutils": "^2.0.3",
"etag": "^1.8.1",
"eventemitter3": "^4.0.7",
"events": "^3.3.0",
"evp_bytestokey": "^1.0.3",
"execa": "^5.1.1",
"express": "^4.18.2",
"ext": "^1.6.0",
"fast-deep-equal": "^3.1.3",
"fast-glob": "^3.2.7",
"fast-json-stable-stringify": "^2.1.0",
"fastest-levenshtein": "^1.0.12",
"fastq": "^1.13.0",
"faye-websocket": "^0.11.4",
"figures": "^3.2.0",
"file-loader": "^6.2.0",
"file-type": "^12.4.2",
"fill-range": "^7.0.1",
"finalhandler": "^1.2.0",
"find-cache-dir": "^3.3.2",
"find-up": "^5.0.0",
"follow-redirects": "^1.15.2",
"forwarded": "^0.2.0",
"fraction.js": "^4.2.0",
"fresh": "^0.5.2",
"fs-extra": "^10.0.0",
"fs-monkey": "^1.0.3",
"fs.realpath": "^1.0.0",
"function-bind": "^1.1.1",
"gensync": "^1.0.0-beta.2",
"get-caller-file": "^2.0.5",
"get-intrinsic": "^1.1.3",
"get-stream": "^6.0.1",
"glob": "^7.2.0",
"glob-parent": "^5.1.2",
"glob-to-regexp": "^0.4.1",
"globals": "^11.12.0",
"globby": "^10.0.2",
"graceful-fs": "^4.2.10",
"growly": "^1.3.0",
"handle-thing": "^2.0.1",
"has": "^1.0.3",
"has-flag": "^3.0.0",
"has-property-descriptors": "^1.0.0",
"has-symbols": "^1.0.3",
"hash-base": "^3.1.0",
"hash-sum": "^1.0.2",
"hash.js": "^1.1.7",
"he": "^1.2.0",
"hmac-drbg": "^1.0.1",
"hpack.js": "^2.1.6",
"html-entities": "^2.3.2",
"html-loader": "^1.3.2",
"html-minifier-terser": "^5.1.1",
"htmlparser2": "^4.1.0",
"http-deceiver": "^1.2.7",
"http-errors": "^2.0.0",
"http-parser-js": "^0.5.8",
"http-proxy": "^1.18.1",
"http-proxy-middleware": "^2.0.6",
"https-browserify": "^1.0.0",
"human-signals": "^2.1.0",
"iconv-lite": "^0.4.24",
"icss-utils": "^5.1.0",
"ieee754": "^1.2.1",
"ignore": "^5.1.8",
"imagemin": "^7.0.1",
"img-loader": "^4.0.0",
"import-cwd": "^3.0.0",
"import-fresh": "^3.3.0",
"import-from": "^3.0.0",
"import-local": "^3.0.2",
"inflight": "^1.0.6",
"inherits": "^2.0.4",
"interpret": "^2.2.0",
"ipaddr.js": "^2.0.1",
"is-absolute-url": "^3.0.3",
"is-arrayish": "^0.2.1",
"is-binary-path": "^2.1.0",
"is-buffer": "^1.1.6",
"is-core-module": "^2.7.0",
"is-docker": "^2.2.1",
"is-extglob": "^2.1.1",
"is-fullwidth-code-point": "^3.0.0",
"is-glob": "^4.0.3",
"is-number": "^7.0.0",
"is-plain-obj": "^3.0.0",
"is-plain-object": "^2.0.4",
"is-resolvable": "^1.1.0",
"is-stream": "^2.0.1",
"is-wsl": "^2.2.0",
"isarray": "^1.0.0",
"isexe": "^2.0.0",
"isobject": "^3.0.1",
"jest-worker": "^27.2.4",
"js-tokens": "^4.0.0",
"jsesc": "^2.5.2",
"json-parse-even-better-errors": "^2.3.1",
"json-schema-traverse": "^0.4.1",
"json5": "^2.2.1",
"jsonfile": "^6.1.0",
"junk": "^3.1.0",
"kind-of": "^6.0.3",
"klona": "^2.0.5",
"lilconfig": "^2.0.3",
"lines-and-columns": "^1.2.4",
"loader-runner": "^4.2.0",
"loader-utils": "^2.0.0",
"locate-path": "^6.0.0",
"lodash.debounce": "^4.0.8",
"lodash.memoize": "^4.1.2",
"lodash.uniq": "^4.5.0",
"loose-envify": "^1.4.0",
"lower-case": "^2.0.2",
"lru-cache": "^6.0.0",
"make-dir": "^3.1.0",
"md5": "^2.3.0",
"md5.js": "^1.3.5",
"mdn-data": "^2.0.14",
"media-typer": "^0.3.0",
"memfs": "^3.4.7",
"merge-descriptors": "^1.0.1",
"merge-stream": "^2.0.0",
"merge2": "^1.4.1",
"methods": "^1.1.2",
"micromatch": "^4.0.4",
"miller-rabin": "^4.0.1",
"mime": "^1.6.0",
"mime-db": "^1.52.0",
"mime-types": "^2.1.35",
"mimic-fn": "^2.1.0",
"mini-css-extract-plugin": "^1.6.2",
"minimalistic-assert": "^1.0.1",
"minimalistic-crypto-utils": "^1.0.1",
"minimatch": "^3.0.4",
"minimist": "^1.2.7",
"ms": "^2.1.2",
"multicast-dns": "^7.2.5",
"nanoid": "^3.3.4",
"negotiator": "^0.6.3",
"neo-async": "^2.6.2",
"next-tick": "^1.0.0",
"no-case": "^3.0.4",
"node-forge": "^1.3.1",
"node-libs-browser": "^2.2.1",
"node-notifier": "^9.0.1",
"node-releases": "^2.0.6",
"normalize-path": "^3.0.0",
"normalize-range": "^0.1.2",
"normalize-url": "^6.1.0",
"npm-run-path": "^4.0.1",
"nth-check": "^2.0.1",
"object-assign": "^4.1.1",
"object-inspect": "^1.12.2",
"object-keys": "^1.1.1",
"object.assign": "^4.1.4",
"obuf": "^1.1.2",
"on-finished": "^2.4.1",
"on-headers": "^1.0.2",
"once": "^1.4.0",
"onetime": "^5.1.2",
"open": "^8.2.1",
"os-browserify": "^0.3.0",
"p-limit": "^3.1.0",
"p-locate": "^5.0.0",
"p-pipe": "^3.1.0",
"p-retry": "^4.6.1",
"p-try": "^2.2.0",
"pako": "^1.0.11",
"param-case": "^3.0.4",
"parent-module": "^1.0.1",
"parse-asn1": "^5.1.6",
"parse-json": "^5.2.0",
"parseurl": "^1.3.3",
"pascal-case": "^3.1.2",
"path-browserify": "^0.0.1",
"path-exists": "^4.0.0",
"path-is-absolute": "^1.0.1",
"path-key": "^3.1.1",
"path-parse": "^1.0.7",
"path-to-regexp": "^0.1.7",
"path-type": "^4.0.0",
"pbkdf2": "^3.1.2",
"picocolors": "^1.0.0",
"picomatch": "^2.3.0",
"pkg-dir": "^4.2.0",
"postcss-calc": "^8.0.0",
"postcss-colormin": "^5.2.0",
"postcss-convert-values": "^5.0.1",
"postcss-discard-comments": "^5.0.1",
"postcss-discard-duplicates": "^5.0.1",
"postcss-discard-empty": "^5.0.1",
"postcss-discard-overridden": "^5.0.1",
"postcss-load-config": "^3.1.0",
"postcss-loader": "^6.2.1",
"postcss-merge-longhand": "^5.0.2",
"postcss-merge-rules": "^5.0.2",
"postcss-minify-font-values": "^5.0.1",
"postcss-minify-gradients": "^5.0.2",
"postcss-minify-params": "^5.0.1",
"postcss-minify-selectors": "^5.1.0",
"postcss-modules-extract-imports": "^3.0.0",
"postcss-modules-local-by-default": "^4.0.0",
"postcss-modules-scope": "^3.0.0",
"postcss-modules-values": "^4.0.0",
"postcss-normalize-charset": "^5.0.1",
"postcss-normalize-display-values": "^5.0.1",
"postcss-normalize-positions": "^5.0.1",
"postcss-normalize-repeat-style": "^5.0.1",
"postcss-normalize-string": "^5.0.1",
"postcss-normalize-timing-functions": "^5.0.1",
"postcss-normalize-unicode": "^5.0.1",
"postcss-normalize-url": "^5.0.2",
"postcss-normalize-whitespace": "^5.0.1",
"postcss-ordered-values": "^5.0.2",
"postcss-reduce-initial": "^5.0.1",
"postcss-reduce-transforms": "^5.0.1",
"postcss-selector-parser": "^6.0.6",
"postcss-svgo": "^5.0.2",
"postcss-unique-selectors": "^5.0.1",
"postcss-value-parser": "^4.2.0",
"pretty-time": "^1.1.0",
"process": "^0.11.10",
"process-nextick-args": "^2.0.1",
"proxy-addr": "^2.0.7",
"public-encrypt": "^4.0.3",
"punycode": "^1.4.1",
"qs": "^6.11.0",
"querystring": "^0.2.0",
"querystring-es3": "^0.2.1",
"queue-microtask": "^1.2.3",
"randombytes": "^2.1.0",
"randomfill": "^1.0.4",
"range-parser": "^1.2.1",
"raw-body": "^2.5.1",
"readable-stream": "^2.3.7",
"readdirp": "^3.6.0",
"rechoir": "^0.7.1",
"regenerate": "^1.4.2",
"regenerate-unicode-properties": "^10.1.0",
"regenerator-runtime": "^0.13.10",
"regenerator-transform": "^0.15.0",
"regex-parser": "^2.2.11",
"regexpu-core": "^5.2.1",
"regjsgen": "^0.7.1",
"regjsparser": "^0.9.1",
"relateurl": "^0.2.7",
"replace-ext": "^1.0.1",
"require-directory": "^2.1.1",
"require-from-string": "^2.0.2",
"requires-port": "^1.0.0",
"resolve": "^1.20.0",
"resolve-cwd": "^3.0.0",
"resolve-from": "^5.0.0",
"resolve-url": "^0.2.1",
"retry": "^0.13.1",
"reusify": "^1.0.4",
"rework": "^1.0.1",
"rework-visit": "^1.0.0",
"rimraf": "^3.0.2",
"ripemd160": "^2.0.2",
"run-parallel": "^1.2.0",
"safe-buffer": "^5.1.2",
"safer-buffer": "^2.1.2",
"scheduler": "^0.20.2",
"schema-utils": "^3.1.1",
"select-hose": "^2.0.0",
"selfsigned": "^2.1.1",
"semver": "^6.3.0",
"send": "^0.18.0",
"serialize-javascript": "^6.0.0",
"serve-index": "^1.9.1",
"serve-static": "^1.15.0",
"setimmediate": "^1.0.5",
"setprototypeof": "^1.2.0",
"sha.js": "^2.4.11",
"shallow-clone": "^3.0.1",
"shebang-command": "^2.0.0",
"shebang-regex": "^3.0.0",
"shellwords": "^0.1.1",
"side-channel": "^1.0.4",
"signal-exit": "^3.0.7",
"slash": "^3.0.0",
"sockjs": "^0.3.24",
"source-list-map": "^2.0.1",
"source-map": "^0.6.1",
"source-map-js": "^1.0.2",
"source-map-resolve": "^0.5.3",
"source-map-support": "^0.5.20",
"source-map-url": "^0.4.1",
"spdy": "^4.0.2",
"spdy-transport": "^3.0.0",
"stable": "^0.1.8",
"stackframe": "^1.2.0",
"statuses": "^1.5.0",
"std-env": "^2.3.1",
"stream-browserify": "^2.0.2",
"stream-http": "^2.8.3",
"string_decoder": "^1.3.0",
"string-width": "^4.2.3",
"strip-ansi": "^6.0.1",
"strip-final-newline": "^2.0.0",
"style-loader": "^2.0.0",
"stylehacks": "^5.0.1",
"supports-color": "^5.5.0",
"svgo": "^2.7.0",
"tapable": "^2.2.1",
"terser": "^5.15.1",
"terser-webpack-plugin": "^5.2.4",
"text-table": "^0.2.0",
"thunky": "^1.1.0",
"timers-browserify": "^2.0.12",
"timsort": "^0.3.0",
"to-arraybuffer": "^1.0.1",
"to-fast-properties": "^2.0.0",
"to-regex-range": "^5.0.1",
"toidentifier": "^1.0.1",
"tslib": "^2.3.1",
"tty-browserify": "^0.0.0",
"type": "^1.2.0",
"type-fest": "^0.21.3",
"type-is": "^1.6.18",
"unicode-canonical-property-names-ecmascript": "^2.0.0",
"unicode-match-property-ecmascript": "^2.0.0",
"unicode-match-property-value-ecmascript": "^2.0.0",
"unicode-property-aliases-ecmascript": "^2.1.0",
"uniqs": "^2.0.0",
"universalify": "^2.0.0",
"unpipe": "^1.0.0",
"update-browserslist-db": "^1.0.10",
"uri-js": "^4.4.1",
"urix": "^0.1.0",
"url": "^0.11.0",
"util": "^0.11.1",
"util-deprecate": "^1.0.2",
"utils-merge": "^1.0.1",
"uuid": "^8.3.2",
"vary": "^1.1.2",
"vendors": "^1.0.4",
"vm-browserify": "^1.1.2",
"vue-style-loader": "^4.1.3",
"watchpack": "^2.4.0",
"wbuf": "^1.7.3",
"webpack": "^5.74.0",
"webpack-dev-middleware": "^5.3.3",
"webpack-dev-server": "^4.11.1",
"webpack-merge": "^5.8.0",
"webpack-notifier": "^1.15.0",
"webpack-sources": "^1.4.3",
"webpackbar": "^5.0.0-3",
"websocket-driver": "^0.7.4",
"websocket-extensions": "^0.1.4",
"which": "^2.0.2",
"wildcard": "^2.0.0",
"wrap-ansi": "^7.0.0",
"wrappy": "^1.0.2",
"ws": "^8.9.0",
"xtend": "^4.0.2",
"y18n": "^5.0.8",
"yallist": "^4.0.0",
"yaml": "^1.10.2",
"yargs": "^17.2.1",
"yargs-parser": "^20.2.9",
"yocto-queue": "^0.1.0"
},
"keywords": [],
"author": "",
"license": "ISC",
"scripts": {
"dev": "vite",
"build": "vite build"
},
"devDependencies": {
"autoprefixer": "^10.4.13",
"laravel-vite-plugin": "^0.7.4",
"postcss": "^8.4.21",
"tailwindcss": "^3.2.7",
"vite": "^4.1.3",
"vite-plugin-laravel": "^0.3.1"
}
}
vite.config.ts
import { defineConfig } from 'vite'
import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import laravel from 'vite-plugin-laravel'
export default defineConfig({
plugins: [
laravel({
postcss: [
tailwindcss(),
autoprefixer(),
],
}),
],
})
Level 2
@Sinnbeck you mean remove the package.json and run npm install?
Level 102
@rubenochoa No. Vite is a compiler for js/css. Webpack is also a compiler for js/css. You have both
"webpack": "^5.74.0",
"webpack-dev-middleware": "^5.3.3",
"webpack-dev-server": "^4.11.1",
"webpack-merge": "^5.8.0",
"webpack-notifier": "^1.15.0",
"webpack-sources": "^1.4.3",
"webpackbar": "^5.0.0-3",
So pick one.
And I commented on you having like 200 packages installed which seemed wild
Maybe you or someone else have already set it all up to work great with webpack and then there is no need to switch to vite. Vite is optional.. Not needed if you dont want it
Level 102
Let me say it in a simpler way. There is no ned to change package.json at all if you upgrade laravel.. Laravel is php and packages.json is for javascript and css.. So just leave it and you should be fine :)
1 like
Level 2
@Sinnbeck I got you point. I chose Vite and removed laravel mix.
Level 8
https://parsos.ir/discuss/npm-run-dev-&-npm-install
npm install
npm run dev
npm run bulid
Please or to participate in this conversation.