Недавно я создал проект Laravel и попытался интегрировать его с Vue.js и использовать командную строку npm run watch, чтобы увидеть результат, но он обнаружил некоторые ошибки. Мало того, я также не видел никаких компонентов Vue в моем проекте, когда я запускал php artisan serve. Кодирование php работает нормально, но просто Vue вообще не отображался.
Командная строка:
C:\Users\PC19\Documents\Projects\laravelVueTry>npm run watch
> [email protected] watch C:\Users\PC19\Documents\Projects\laravelVueTry
> NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] watch: `NODE_ENV=development webpack --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 [email protected] 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! C:\Users\PC19\AppData\Roaming\npm-cache\_logs\2020-10-14T00_20_16_023Z-debug.log
журнал отладки:
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Users\\PC19\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'watch'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prewatch', 'watch', 'postwatch' ]
5 info lifecycle [email protected]~prewatch: [email protected]
6 info lifecycle [email protected]~watch: [email protected]
7 verbose lifecycle [email protected]~watch: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~watch: PATH: C:\Users\PC19\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\PC19\Documents\Projects\laravelVueTry\node_modules\.bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Program Files\iis express\PHP\v7.1;C:\Program Files\PHP\v5.3;C:\Program Files\iis express\PHP\v7.2;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\iCLS\;C:\Program Files\Intel\Intel(R) Management Engine Components\iCLS\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Intel\Intel(R) Management Engine Components\IPT;C:\Program Files\Microsoft\Web Platform Installer\;C:\Users\PC19\AppData\Local\Microsoft\WindowsApps;C:\Program Files\nodejs\;";C:\Program Files (x86)\Git\bin;C:\Program Files (x86)\Git\cmd";C:\Program Files\Git\cmd;C:\Program Files\Java\jdk1.8.0_231\bin;C:\Program Files\Java\jre1.8.0_241\bin;C:\Users\PC19\AppData\Local\Android\Sdk\platform-tools;C:\Gradle\gradle-6.2\bin;C:\ProgramData\ComposerSetup\bin;C:\Users\PC19\AppData\Local\Microsoft\WindowsApps;C:\Users\PC19\AppData\Roaming\npm;C:\Users\PC19\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\PC19\AppData\Roaming\Composer\vendor\bin
9 verbose lifecycle [email protected]~watch: CWD: C:\Users\PC19\Documents\Projects\laravelVueTry
10 silly lifecycle [email protected]~watch: Args: [
10 silly lifecycle '/d /s /c',
10 silly lifecycle 'NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js'
10 silly lifecycle ]
11 silly lifecycle [email protected]~watch: Returned: code: 1 signal: null
12 info lifecycle [email protected]~watch: Failed to exec watch script
13 verbose stack Error: [email protected] watch: `NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (C:\Users\PC19\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:321:20)
13 verbose stack at ChildProcess.<anonymous> (C:\Users\PC19\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:321:20)
13 verbose stack at maybeClose (internal/child_process.js:1026:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\PC19\Documents\Projects\laravelVueTry
16 verbose Windows_NT 10.0.18363
17 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\PC19\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "run" "watch"
18 verbose node v13.9.0
19 verbose npm v6.14.8
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] watch: `NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
22 error Exit status 1
23 error Failed at the [email protected] watch script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
package.json:
{
"private": true,
"scripts": {
"dev": "NODE_ENV=development webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"watch": "NODE_ENV=development webpack --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"hot": "NODE_ENV=development webpack-dev-server --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
"production": "NODE_ENV=production webpack --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
"build": "echo 'build script executed'"
},
"devDependencies": {
"axios": "^0.16.2",
"babel-loader": "^7.1.1",
"bootstrap": "^4.0.0-beta",
"cross-env": "^5.2.1",
"css-loader": "^0.28.4",
"file-loader": "^0.11.2",
"jquery": "^3.1.1",
"laravel-mix": "^1.2.0",
"lodash": "^4.17.4",
"popper.js": "^1.12.9",
"postcss-loader": "^2.0.6",
"sass-loader": "^7.1.0",
"style-loader": "^0.18.2",
"vue": "^2.1.10",
"vue-loader": "^13.0.1",
"webpack": "^3.2.0"
},
"dependencies": {
"mammoth": "^1.4.9"
},
"name": "Web",
"description": "<p align=\"center\"><img src=\"https://laravel.com/assets/img/components/logo-laravel.svg\"></p>",
"version": "1.0.0",
"main": "gulpfile.js",
"directories": {
"test": "tests"
},
"keywords": [],
"author": "",
"license": "ISC"
}
Когда я запускаю npm install, никаких подозрительных ошибок не обнаруживается, за исключением некоторых предупреждений.
C:\Users\PC19\Documents\Projects\laravelVueTry>npm install
npm WARN [email protected] requires a peer of ajv@^6.9.1 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\watchpack\node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
audited 1498 packages in 5.574s
35 packages are looking for funding
run `npm fund` for details
found 64 vulnerabilities (25 low, 17 moderate, 22 high)
run `npm audit fix` to fix them, or `npm audit` for details
Я также пробовал другое решение, которое от Google, например, с помощью команды
del package-lock.json
rd /s /q node_modules
npm cache clear --force
npm install
В конце концов, это не сработало. Кто-нибудь обнаруживает здесь ошибку? заранее спасибо
