0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'D:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'D:\\Program Files\\nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'dev'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose stack Error: missing script: dev
4 verbose stack at run (D:\Program Files\nodejs\node_global\node_modules\npm\lib\run-script.js:155:19)
4 verbose stack at D:\Program Files\nodejs\node_global\node_modules\npm\lib\run-script.js:63:5
4 verbose stack at D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:116:5
4 verbose stack at D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:436:5
4 verbose stack at checkBinReferences_ (D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:391:45)
4 verbose stack at final (D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:434:3)
4 verbose stack at then (D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:161:5)
4 verbose stack at D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\read-package-json\read-json.js:281:12
4 verbose stack at D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:115:16
4 verbose stack at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
5 verbose cwd D:\vuestic-admin-master
6 verbose Windows_NT 10.0.17134
7 verbose argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js" "run" "dev"
8 verbose node v12.16.1
9 verbose npm v6.14.0
10 error missing script: dev
11 verbose exit [ 1, true ]
因為專案需要，剛接觸vue，下了個測驗的vue來測驗環境搭配，執行npm run dev時發生以上錯誤，請問是什么情況呢？
uj5u.com熱心網友回復：
好好看下你的package.json 里面定義的啟動指令是哪個， 你這個是沒有定義 dev 指令， 誰告訴你啟動專案是 npm run dev的 ，這指令是自己定義的， 仔細瞅瞅package.json script 里面定義的那個是啟動指令uj5u.com熱心網友回復：
我才接觸到vue，真搞不懂，我把情況描述一下，希望幫忙解答下我的問題
專案在 D:\vuestic-admin-master下，
我的package.json 在C:\Users\song\下 package.json配置應該如何寫呢？
{
"name": "package.json",
"version": "1.0.0",
"description": "package.json",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [
"test"
],
"author": "songfuqiang",
"license": "ISC"
}
uj5u.com熱心網友回復：
這是我安裝nmp的截圖
我下了個vuestic-admin-master開源專案，里面也有個package.json代碼如下，不知道的定義是哪個package.json 啊？
{
"name": "vuestic-admin",
"version": "2.0.0",
"private": false,
"description": "Vue.js admin template",
"author": "smartapant <[email protected]>",
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"lint:style": "stylelint --fix src/**/*.{vue,htm,html,css,sss,less,scss}",
"inspect": "vue-cli-service inspect > inspect.js",
"test:unit": "vue-cli-service test:unit"
},
"dependencies": {
"@types/jest": "^24.0.11",
"amcharts3": "^3.21.14",
"ammap3": "^3.21.14",
"approximate-number": "^2.0.0",
"asva-executors": "^0.1.22",
"axios": "^0.19.0",
"babel-polyfill": "^6.26.0",
"chart.js": "^2.9.3",
"core-js": "3",
"detect-browser": "^4.8.0",
"element-resize-detector": "^1.1.15",
"epic-spinners": "^1.1.0",
"extend": "3.0.2",
"flag-icon-css": "^3.4.5",
"font-awesome": "^4.7.0",
"google-maps": "^3.3.0",
"ionicons": "^4.6.3",
"leaflet-map": "^0.2.1",
"lodash": "4.17.15",
"medium-editor": "^5.23.3",
"normalize.css": "^8.0.1",
"vee-validate": "^2.2.13",
"vue-chartjs": "^3.4.0",
"vue-color": "^2.7.0",
"vue-epic-bus": "^0.1.2",
"popper.js": "^1.16.0",
"regenerator-runtime": "^0.13.3",
"register-service-worker": "^1.6.2",
"v-tooltip": "^2.0.2",
"vue": "^2.6.10",
"vue-bulma-expanding": "0.0.1",
"vue-clipboard2": "^0.3.1",
"vue-gtm": "^2.2.0",
"vue-router": "^3.1.3",
"vue-yandex-maps": "^0.9.0",
"vuestic-ui": "~0.2.2",
"vuetable-2": "^1.7.5",
"vuex": "^3.1.2",
"vuex-i18n": "^1.13.1",
"vuex-router-sync": "^5.0.0"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.0.5",
"@vue/cli-plugin-eslint": "^4.0.5",
"@vue/cli-plugin-pwa": "^4.0.5",
"@vue/cli-plugin-unit-jest": "^4.0.5",
"@vue/cli-service": "^4.0.5",
"@vue/eslint-config-standard": "^5.0.0",
"@vue/test-utils": "^1.0.0-beta.29",
"autoprefixer": "^9.7.2",
"babel-eslint": "^10.0.3",
"babel-jest": "^24.9.0",
"eslint": "^6.7.1",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-node": "^10.0.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.1",
"eslint-plugin-vue": "^6.0.1",
"lint-staged": "^9.2.1",
"node-sass": "^4.13.0",
"sass-loader": "^7.3.1",
"sass-resources-loader": "^2.0.1",
"stylelint": "^12.0.0",
"stylelint-config-recommended-scss": "^4.1.0",
"stylelint-config-standard": "^19.0.0",
"stylelint-scss": "^3.13.0",
"stylelint-webpack-plugin": "^1.0.1",
"vue-template-compiler": "^2.6.10"
},
"engines": {
"node": ">= 4.0.0",
"npm": ">= 3.0.0"
},
"gitHooks": {
"pre-commit": "lint-staged"
},
"license": "MIT",
"lint-staged": {
"*.js": [
"vue-cli-service lint",
"git add"
],
"*.vue": [
"vue-cli-service lint",
"eslint --fix",
"stylelint --fix",
"git add"
],
".{htm,html,css,sss,less,scss}": [
"stylelint --fix",
"git add"
]
},
"repository": {
"type": "git",
"url": "https://github.com/epicmaxco/vuestic-admin.git"
}
}
uj5u.com熱心網友回復：
這里，執行npm run dev 其實就是執行了webpack-dev-server --inline --progress --config build/webpack.dev.conf.js這是webpack的快捷指令
同理，執行npm run build也就是執行了構建命令
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"build": "node build/build.js"
}
uj5u.com熱心網友回復：
看你CMD的情況，你應該是在手動從0開始架構的， 必要的依賴包都下了沒，webpack配置寫了沒uj5u.com熱心網友回復：
看樣子你是剛接觸前端的，你要從0開始手動搭建專案的話，最好先學習下webpackuj5u.com熱心網友回復：
或者請使用 vue-cli，快速建立專案，免去配置, 安裝完成后，專案啟動 npm run serveuj5u.com熱心網友回復：
我們一個后臺管理系統使用到了vue，目的就是可以進行簡單的修改vue,編譯后發布到服務器上，建議個簡單的搭建運行方法吧，或者有檔案嗎？uj5u.com熱心網友回復：
執行 npm install -g vue-cli時有問題，是不是我作業系統的問題，錯誤資訊如下：
0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'D:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'D:\\Program Files\\nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'serve'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'preserve', 'serve', 'postserve' ]
5 info lifecycle [email protected]~preserve: [email protected]
6 info lifecycle [email protected]~serve: [email protected]
7 verbose lifecycle [email protected]~serve: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~serve: PATH: D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\vuestic-admin-master\node_modules\.bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;D:\Program Files\nodejs\;D:\Program Files\nodejs\node_global;D:\phpStudy\PHPTutorial\php\php-7.1.13-nts;D:\composer;C:\Users\song\AppData\Local\Microsoft\WindowsApps;;D:\Users\song\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\song\AppData\Roaming\npm;C:\Users\song\AppData\Roaming\Composer\vendor\bin
9 verbose lifecycle [email protected]~serve: CWD: D:\vuestic-admin-master
10 silly lifecycle [email protected]~serve: Args: [ '/d /s /c', 'vue-cli-service serve' ]
11 silly lifecycle [email protected]~serve: Returned: code: 1 signal: null
12 info lifecycle [email protected]~serve: Failed to exec serve script
13 verbose stack Error: [email protected] serve: `vue-cli-service serve`
13 verbose stack Exit status 1
13 verbose stack at EventEmitter.<anonymous> (D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:311:20)
13 verbose stack at ChildProcess.<anonymous> (D:\Program Files\nodejs\node_global\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:311:20)
13 verbose stack at maybeClose (internal/child_process.js:1021:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid [email protected]
15 verbose cwd D:\vuestic-admin-master
16 verbose Windows_NT 10.0.17134
17 verbose argv "D:\\Program Files\\nodejs\\node.exe" "D:\\Program Files\\nodejs\\node_global\\node_modules\\npm\\bin\\npm-cli.js" "run" "serve"
18 verbose node v12.16.1
19 verbose npm v6.14.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] serve: `vue-cli-service serve`
22 error Exit status 1
23 error Failed at the [email protected] serve script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
uj5u.com熱心網友回復：
vue --version看看有沒有版本資訊，如果有則安裝成功。就可以npm run dev了。
uj5u.com熱心網友回復：
腳手架安裝是 @vue/cli 不是 vue-cli npm install -g @vue/cli
uj5u.com熱心網友回復：
謝謝您的回答，我這一周系統的看了下vue的使用，和webpack的使用，但還是遇到了問題，再請教下
我運行webpack是以下報錯誤
throw err;
^
SyntaxError: Error parsing C:\webpack\package.json: Unexpected token / in JSON at position 206
at parse (<anonymous>)
at readPackage (internal/modules/cjs/loader.js:257:20)
at readPackageScope (internal/modules/cjs/loader.js:282:19)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1169:17)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14)
at Module.require (internal/modules/cjs/loader.js:1044:19)
at require (C:\webpack\node_modules\v8-compile-cache\v8-compile-cache.js:161:20)
at WEBPACK_OPTIONS (C:\webpack\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)
at requireConfig (C:\webpack\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)
at C:\webpack\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
at Array.forEach (<anonymous>)
at module.exports (C:\webpack\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
at C:\webpack\node_modules\webpack-cli\bin\cli.js:71:45
at Object.parse (C:\webpack\node_modules\yargs\yargs.js:567:18)
at C:\webpack\node_modules\webpack-cli\bin\cli.js:49:8
at Object.<anonymous> (C:\webpack\node_modules\webpack-cli\bin\cli.js:366:3)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14)
at Module.require (internal/modules/cjs/loader.js:1044:19)
at require (internal/modules/cjs/helpers.js:77:18)
at module.exports (D:\Program Files\nodejs\node_global\node_modules\webpack-cli\node_modules\import-local\index.js:16:66)
at D:\Program Files\nodejs\node_global\node_modules\webpack-cli\bin\cli.js:15:6
at Object.<anonymous> (D:\Program Files\nodejs\node_global\node_modules\webpack-cli\bin\cli.js:366:3)
at Module._compile (internal/modules/cjs/loader.js:1158:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
at Module.load (internal/modules/cjs/loader.js:1002:32)
at Function.Module._load (internal/modules/cjs/loader.js:901:14) {
path: 'C:\\webpack\\package.json'
}
我的組態檔
const path = require('path')
//這個組態檔其實就是一個js檔案，通過Node中的模塊操作向外暴露了一個配置物件
module.exports = {
//需要手動指定入口和出口
entry:Path.join(__dirname,'./src/main.js'),//入口，表示使用webpack打包哪個檔案
output:{//輸出檔案相差配置
path :path.join(__dirname,'./dist'),
filename :'bundle.js' //這是指定輸出的檔案的名稱
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/84321.html
標籤：JavaScript