請幫助我解決這個問題?在創建vue專案時出現了一個錯誤。
我展示的只是我在創建vue專案時選擇的內容。我不明白為什么會出現這個錯誤。我展示了VS CODE的配置。
我展示的只是我在創建vue專案時的選擇。我不明白為什么會出現這樣的錯誤。我展示了VS CODE的配置。
$ vue create myapp
Vue CLI v4.5.13 ?
? 請選擇一個預設。手動選擇功能
? 檢查需要的特征用于你的專案:(按<空格> 來選擇,<a> 來?檢查需要的功能用于你的專案。選擇 Vue版本,Babel,CSS P
重新處理程式,Linter。
? 選擇一個版本的 Vue。 js你想在專案開始時用(Usearro? 選擇版本的Vue。 js你想在專案開始時用 2.x。
? 選取一個CSS前處理器(PostCSS.X)。Autoprefixer和CSS Modules均支持? Pick一個CSS預處理程式(PostCSS, Autoprefixer和CSS Modules均支持? Pick一個CSS預處理程式(PostCSS, Autoprefixer和CSS Modules都支持
default)。) Sass/SCSS(with node-sass)
? Pick a linter / formatter config: Airbnb?
? 選擇額外的lint 功能: (按 <空格> 來選擇,<a> 來切換所有。
? 選擇額外的lint features。Lint on save
? Where do you prefer placing config for Babel, ESLint, etc. ? (使用方向鍵)? Where do you prefer placing config for Babel, ESLint, etc. ?在專用con
的檔案
? 保存 這個 作為預設用于未來專案?不是。
npm ERR! code 1!
npm ERR! 路徑 C:vue-projectsUd0 fifth VUE JSmyapp
ode_modules
ode-sass
npm ERR!命令失敗
npm ERR! command C:Windowssystem32cmd. exe /d /s /c node scripts/build.js。
npm ERR! Building: C:程式 檔案!
odejs
ode。 exe C: vue-projectsUd0 fifth VUE JSmyapp
ode_modules
ode-gypin
ode-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli 'C:Program Files
odejs
ode.exe',
npm ERR! gyp verb cli 'C:vue-projectsUd fifth VUE JSmyapp
ode_modules
ode-gypin
ode-gyp.js'/span>。
npm ERR! gyp verb cli 'rebuild',
npm ERR! gyp verb cli '-verbose',
npm ERR! gyp verb cli '-libsass_ext=',
npm ERR! gyp verb cli '-libsass_cflags=',
npm ERR! gyp verb cli '-libsass_ldflags=',
npm ERR! gyp verb cli '-libsass_library='!
npm ERR! gyp verb cli ] 。
npm ERR! gyp info using node-gyp@3.8.0!
npm ERR! gyp info using node@16.0.0 | win32 | x64
npm ERR! gyp verb command rebuild [] 。
npm ERR! gyp verb command clean [] 。
npm ERR! gyp verb clean 洗掉"build"目錄
npm ERR! gyp verb command configure [] 。
npm ERR! gyp verb check python 檢查 for Python 可執行 "python2" in 的 PATH !
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp動詞`which`在getNotFoundError(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:13:12)
npm ERR! gyp動詞`which`在F處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:68:19)
npm ERR! gyp動詞`which`在E處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:80:29)
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:89:16。
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexeindex.js:42: 5
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexewindows.js:36:5。
npm ERR! gyp動詞`which`在FSReqCallback失敗。 oncomplete (node: fs:194: 21)
npm ERR! gyp verb `which`失敗 python2 Error: not found: python2
npm ERR! gyp動詞`which`在getNotFoundError(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:13:12)
npm ERR! gyp動詞`which`在F處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:68:19)
npm ERR! gyp動詞`which`在E處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:80:29)
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:89:16。
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexeindex.js:42: 5
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexewindows.js:36:5。
npm ERR! gyp動詞`which`在FSReqCallback失敗。 oncomplete (node: fs:194: 21) {
npm ERR! gyp verb `which`失敗 code: 'ENOENT'。
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the
PATH。
npm ERR! gyp verb `which` failed Error: not found: python
npm ERR! gyp動詞`which`在getNotFoundError(C)處失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:13:12)
npm ERR! gyp動詞`which`在F處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:68:19)
npm ERR! gyp動詞`which`在E處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:80:29)
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:89:16。
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexeindex.js:42: 5
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexewindows.js:36:5。
npm ERR! gyp動詞`which`在FSReqCallback失敗。 oncomplete (node: fs:194: 21)
npm ERR! gyp verb `which`失敗 python Error: not found: python
npm ERR! gyp動詞`which`在getNotFoundError(C)處失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:13:12)
npm ERR! gyp動詞`which`在F處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:68:19)
npm ERR! gyp動詞`which`在E處失敗(C: vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:80:29)
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_moduleswhichwhich.js:89:16。
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexeindex.js:42: 5
npm ERR! gyp動詞`which`在C失敗。 vue-projectsUd0 fifth VUE JSmyapp
ode_modulesisexewindows.js:36:5。
npm ERR! gyp動詞`which`在FSReqCallback失敗。 oncomplete (node: fs:194: 21) {
npm ERR! gyp verb `which`失敗 code: 'ENOENT'。
npm ERR! gyp verb `which` failed }
npm ERR! gyp動詞無法找到"python"。 檢查python啟動器
npm ERR! gyp動詞無法找到"python"。 猜測位置
npm ERR! gyp verb確保檔案存在。C:Python27python.exe!
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: Cannot find Python executable "python", you can
設定PYTHON環境變數。
npm ERR! gyp ERR! stack at PythonFinder.failNoPython (C:vue-projectsUd fifth VUE JSmyapp)
ode_modules
ode-gyplibconfigure.js:484:19)
npm ERR! gyp ERR! stack at PythonFinder.<anonymous> (C:vue-projectsUd fifth VUE JSmyapp)
ode_modules
ode-gyplibconfigure.js:509:16)
npm ERR!GYP ERR!堆疊在回呼 (C:vue-projectsUd fifth
VUE JSmyapp
ode_modulesgraceful-fspolyfills.js:299:20)
npm ERR! gyp ERR! stack at FSReqCallback.oncomplete (node:fs:194:21)
npm ERR! gyp ERR! 系統 Windows_NT 6.3.9600
npm ERR! gyp ERR! 命令 "C:Program Files
odejs
ode.exe" "C:vue-projectsUd fifth VUE JSmyapp
ode_modules
ode-gypin
ode-gyp. js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:vue-projectsUd fifth VUE JSmyapp
ode_modules
ode-sass
npm ERR!gyp ERR!node -v 16.0.0
npm ERR!GYP ERR!node-gyp -v v3.8.0
npm ERR!GYP ERR!不OK
npm ERR! Build failed with error code: 1
npm ERR! 中可以找到這次運行的完整日志。
npm ERR! C:UsersUlysAppDataLocal
pm-cache\_logs2021-09-13T20_23_21_730Z-debug.log
ERROR命令失敗:npm install --logovel error --legacy-peer-deps
這是我的VS CODE配置:
{
"liveSassCompile.settings.generateMap"/span>。false,
"liveSassCompile.settings.landscape": [
{
"格式": "expanded",
"autoprefix": "最近5個版本"。
"extensionName": ".css",
"savePath": "css", "保存路徑".
}
],
"javascript.suggest.names": false,
"editor.lineHeight": 16,
"editor.renderWhitespace": "all",
"editor.tabSize": 2,
"emmmet.includeLanguages": {
"javascript": "javascriptreact",
"vue-html": "html"。
},
"eslint.validate": [
"javascript",
"javascriptreact",
"vue"。
"html"。
],
"emmmet.triggerExpansionOnTab"。true,
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
" files.eol": "
"。
"terminal. integrated.fontSize": 12,
"workbench.startupEditor": "none",
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"。
},
"[javascriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"。
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"。
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"。
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"。
},
"files.trimTrailingWhitespace": true,
"editor.minimap.enabled": true,
"javascript.updateImportsOnFileMove.enabled": "總是"。
"diffEditor.ignoreTrimWhitespace": true,
"window.titleBarStyle": "custom",
"breadcrumbs.enabled": false,
" editor.fontLigatures": true,
"gitlens.views.repositories.location": "scm"。
"gitlens.views.fileHistory.location": "gitlens"。
"gitlens.views.lineHistory.location": "gitlens",
"gitlens.views.compare.location": "gitlens",
"gitlens.views.search.location": "gitlens",
"workbench.activityBar.visible": true。
"workbench.statusBar.visible": true,
"workbench.editor.showTabs": true,
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 500,
"eslint.alwaysShowStatus": true,
"eslint.autoFixOnSave": true,
"npm.enableScriptExplorer": true,
" editor.largeFileOptimizations": false,
"editor.formatOnType": true,
"editor.formatOnPaste": true,
"terminal.external.windowsExec": "C:Program FilesGitinash.exe"。
"terminal. integrated.defaultProfile.windows": "Git Bash"。
"editor.wordWrap": "on".
}
uj5u.com熱心網友回復:
這個錯誤是在沒有安裝Python的情況下安裝node-sass(即選擇CSS預處理程式,以及Sass/SCSS(與node-sass))的副作用。
node-sass的postinstall使用node-gyp,它需要Python,所以如果你在環境路徑中沒有python二進制檔案,postinstall就會失敗。
node-sass不是默認預設的一部分,所以你不會看到安裝默認的錯誤。
解決方案1
。安裝 Python。軟體包安裝程式通常將python二進制檔案添加到環境路徑中。請確保重新啟動任何打開的終端,以獲取更新的環境。
解決方案2
使用 Vue CLI 5.x,它用sass 替換了 node-sass(已廢棄)。
你可以通過以下方式升級到5.0.0-beta.3(標簽next):
npm i -g @vue/cli@next
或者用npx運行它:
npx @vue/cli@next create my-vue-project
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/319802.html
標籤:
上一篇:IPFSAccessController.saveERROR:錯誤。棄用,使用.toString()。
下一篇:從SCSS產生的CSS在哪里?
