我們后臺php專案中有這樣一個前端代碼的目錄，不知道是不是vue專案，我想修改它可以用vscode來編輯嗎？還有這種檔案，應該是編譯后的，我如果使用vscode的話應該怎么編譯上傳到正式服務器運行呢？
uj5u.com熱心網友回復：
既然有原始碼，直接用vscode打開修改就行了， 修改完成后， npm run build 一般都是build指令，打包后的檔案會在 build或者dist檔案夾中， 只上傳build檔案夾到服務器就可以了，其他代碼不需要uj5u.com熱心網友回復：
啟動專案前記得先下載依賴 ， 下面檔案夾中 npm i 一下uj5u.com熱心網友回復：
我執行了 npm i 當執行npm run build時報錯了
uj5u.com熱心網友回復：
不知道我做得對不對？uj5u.com熱心網友回復：
還能幫我看下問題嘛uj5u.com熱心網友回復：
把上面檔案中的內容貼出來看看。
uj5u.com熱心網友回復：
上面的Js上傳就行了 .map不用上傳uj5u.com熱心網友回復：
我上面應該報錯了吧？沒編譯成功呀uj5u.com熱心網友回復：
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 'build'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle [email protected]~prebuild: [email protected]
6 info lifecycle [email protected]~build: [email protected]
7 verbose lifecycle [email protected]~build: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~build: 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;C:\Users\song\AppData\Local\Microsoft\WindowsApps;;D:\Users\song\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\song\AppData\Roaming\npm
9 verbose lifecycle [email protected]~build: CWD: D:\vuestic-admin-master
10 silly lifecycle [email protected]~build: Args: [ '/d /s /c', 'vue-cli-service build' ]
11 silly lifecycle [email protected]~build: Returned: code: 1 signal: null
12 info lifecycle [email protected]~build: Failed to exec build script
13 verbose stack Error: [email protected] build: `vue-cli-service build`
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" "build"
18 verbose node v12.16.1
19 verbose npm v6.14.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] build: `vue-cli-service build`
22 error Exit status 1
23 error Failed at the [email protected] build 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和vue-cli，你可以在命令列敲：vue --version，看看有沒有版本資訊uj5u.com熱心網友回復：
我執行cmd命令列提示：
我在vscode中執行 vue --version時報錯：
uj5u.com熱心網友回復：
昨天的日志中有個git問題，難道還需要git的支付嗎？
uj5u.com熱心網友回復：
我之前運行vue專案的時候，vscode有問題，然后用cmd也能運行成功。具體做法是先安裝node.js,配置好環境變數，然后安裝yarn，都安裝成功后，在vue專案目錄下執行yarn install和yarn serve，就能運行成功。希望對你有幫助。uj5u.com熱心網友回復：
大紅字！從哪里找到的代碼？說不好會導致系統崩潰。建議發一個錯誤報告給vscode，然后等待。uj5u.com熱心網友回復：
直接在cmd運行打包命令試試看？uj5u.com熱心網友回復：
在vscode命令列中執行：
1、npm install -g vue
2、npm install -g vue-cli
安裝vue到環境中。
uj5u.com熱心網友回復：
不行啦，執行 npm install -g vue-cli時報錯
file:///C:/Users/song/AppData/Roaming/npm-cache/_logs/2020-03-02T07_01_19_836Z-debug.log的錯誤資訊：
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 'build'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle [email protected]~prebuild: [email protected]
6 info lifecycle [email protected]~build: [email protected]
7 verbose lifecycle [email protected]~build: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]~build: 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]~build: CWD: D:\vuestic-admin-master
10 silly lifecycle [email protected]~build: Args: [ '/d /s /c', 'vue-cli-service build' ]
11 silly lifecycle [email protected]~build: Returned: code: 1 signal: null
12 info lifecycle [email protected]~build: Failed to exec build script
13 verbose stack Error: [email protected] build: `vue-cli-service build`
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" "build"
18 verbose node v12.16.1
19 verbose npm v6.14.0
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] build: `vue-cli-service build`
22 error Exit status 1
23 error Failed at the [email protected] build 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看看vue有沒有安裝好，如果安裝好會出現版本資訊，就可以跑npm run dev了。uj5u.com熱心網友回復：
我前幾天看了下視頻，但我運行webpack時又遇到問題了，以下為報錯資訊
webpack
C:\webpack\node_modules\webpack-cli\bin\cli.js:93
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/84324.html
標籤：JavaScript