vue 建專案及初步開發遇到的問題

2022-02-26 21:02:21 字數 2640 閱讀 2751

本文出自:

開啟系統命令行

cmd
檢查node版本(node8以後)

node -v
切換到建專案的目錄

1.輸入d :(不需要加cd,一定不要加反斜扛)

2.cd 相應的目錄

以下命令依次執行

vue init webpack
以下要輸入和enter合併進行

以上沒有err資訊,即可用以下命令執行:

瀏覽器出現以下介面:

檔案目錄:

各檔案功能說明:

src目錄下新建pages目錄,存放自己後面新建的頁面

錯誤解決一:

執行**後

繼續操作 

錯誤解決二:

npm err! code err_tls_cert_altname_invalid
執行**

npm config set strict-ssl false

npm install -g supervisor
繼續操作

vue init webpack
更新系統報錯參考:

出現問題1:cnpm : 無法載入檔案 d:\program files\nodejs\cnpm.ps1,因為在此系統上禁止執行指令碼。有關詳細資訊,請參閱 https:/go.micros oft.com/fwlink/?linkid=135170 中的 about_execution_policies。 所在位置 行:1 字元: 2 +  cnpm install +  ~~~~     + categoryinfo         

在cmd裡面能執行命令,在編輯器裡面執行不行

解決辦法:

第二步:輸入,命令:

set-executionpolicy remotesigned

輸入a

enter回車
第三步:再執行命令

如下介面:

出現問題二:vue引用scss錯誤

this dependency was not found:  * !!vue-style-loader!css-loader?!../../node_modules/vue-loader/lib/style-compiler/index?!sass-loader?!../../node_

或:module build failed: typeerror: this.getresolve is not a function

解決辦法:

2.改package-lock.json和package.json的sass-loader版本至7.3.1

3.加webpack.base.conf.js的module的rules下加配置

4.再執行一下

npm run dev

vue 使用elementUI遇到的打包問題

在專案開發過程中,很多時候專案會用到ui框架,以後的幾篇文章中,簡單來說說在用elementui在專案中遇到的問題 建立乙個vue的新專案時,運用到elementui框架,專案打包後就會發現,訪問index.html檔案報錯了 這時我們改下config資料夾下的index.js檔案,assetspu...

串列埠開發Serial port常常遇到的問題

首先大家要學會如何正確寫出大體框架。推薦 不過記得在那個老哥忘了在build grid 加引用,坑了我好久。有的人會遇到沒有許可權的問題 那麼就win r,調出命令介面,輸入cmd,然後就是我遇到的最坑的問題了,安卓5.0以上拿不到串列埠,坑爹啊!包括mumu,夜神等模擬器 而且android自帶的...

iOS開發整合ijkplayer遇到的問題整理

本文參考了ios直播之ijkplayer的整合與簡單使用。1.首先環境需要配置git和yasm。兩者都可以用homebrew安裝。git一般都有,但是yasm由於今年的一些不可描述的原因可能會遇到一些問題。安裝yasm的時候會提示沒有許可權,比如 error fetching usr local h...