關於用Vue腳手架(vue/cli)建立專案中遇到問題和報錯

阿新 • • 發佈：2020-10-17

我在學習的過程中很多視訊中建立的專案中main.js檔案都是這樣的
在這裡插入圖片描述
但我自己建立專案時經常報錯但不知道問題出在哪，後來發現我自己建立的和視訊中建立的專案中的main.js檔案內容不一樣我的是這樣的
後來才發現實在建立的過程中選擇的版本的問題
一般都是會選擇最後一個自己手動配置，如果你是選擇預設配置就選擇Vue 2 的那個，Vue 3 也可以不過我還沒開始研究，這裡只是說一下我在學習視訊過程中自己遇到的問題，如果你選擇了最後一個
Manyally select features 自己手動配置專案在這裡插入圖片描述
就在下一步中將這個選項按空格去掉或者你選了這項也可以在接下來的步驟中
選擇 2.x這個。

或者你是用的用圖形化介面的方式（vue.ui指令）建立的專案也不要選擇Vue 3 的在這裡插入圖片描述

或者你點了也可以在下一步選擇這裡的2.x(預設) 在這裡插入圖片描述

在這裡插入圖片描述

這樣你建立的專案中的main.js就是這樣的了，也不會報錯了在這裡插入圖片描述

在這裡插入圖片描述

關於用Vue腳手架(vue/cli)建立專案中遇到問題和報錯

我在學習的過程中很多視訊中建立的專案中main.js檔案都是這樣的但我自己建立專案時經常報錯但不知道問題出在哪，後來發現我自己建立的和視訊中建立的專案中的main.js檔案內容不一樣我的是這樣的後來才發現

使用vue-cli建立專案

1.使用管理員身份執行cmd 　　1.1。windows 輸入框輸入cmd 點選以管理員身份執行

使用vue-cli（vue腳手架）快速搭建專案

vue-cli 是一個官方釋出 vue.js 專案腳手架，使用 vue-cli 可以快速建立 vue 專案。這篇文章將會從實操的角度，介紹整個搭建的過程。

Vue筆記：安裝配置node.js及使用vue-cli建立專案

Node.js安裝配置安裝配置教程：https://www.cnblogs.com/aizai846/p/11441693.html 注意：使用npm下載包的時候配置代理

Vue學習-1（2）使用@vue/cli建立專案

技術標籤：vue學習 yarn global add @vue/[email protected] npm install --global @vue/[email protected]

1：使用vue-cli 建立專案

如果你還沒有安裝 VueCLI，或者版本低於 4，請執行下面的命令安裝或是升級 npm install --global @vue/cli

使用vue-cli建立專案並webpack打包的操作方法

1.準備環境（node下載和設定環境變數） 2http://www.cppcns.com.全域性安裝-cli，提供vue命令進行建立vue專案

vue-cli建立專案及專案結構解析

目錄1.進入一個目錄，建立專案2.選擇你需要的配置項2.1 選擇版本2.2 選擇選擇是否使用history router2.3 選擇前處理器2.4 選擇Eslint程式碼驗證規則2.5 選擇什麼時候進行程式碼規則檢測2.6 選擇如何存放配置2.7 是否

Vue生命期鉤子，Vue元件，Vue-Cli建立專案

Vue生命期鉤子 vue 的8個生命週期鉤子函式鉤子函式描述

Vue生態圈之----Vue CLI3學習整理----建立專案選項說明

vue create [專案名稱] 提示選擇一個preset（預置項），或自定義：選擇自定義選項：

Vue腳手架Vue-cli

Vue腳手架的基本使用基於3.x版本的腳手架建立Vue專案 1. 基於互動式命令列的方式，建立Vue專案

Stylus| vue專案中stylus和stylus-loader版本相容問題

技術標籤：vue.jscss3 Stylus| vue專案中stylus和stylus-loader版本相容問題報錯程式碼：

Vue+Springboot前後端分離專案中遇到的困難及解決方案總結（一）

跨域問題專案中使用@CrossOrigin註解跨域失敗。解決方案在後端通過實現WebMvcConfigurer介面然後重寫addCorsMappings方法解決跨域問題。

Vue腳手架(vue-cli)搭建和目錄結構

環境搭建 1、安裝node、npm、webpack 2、安裝vue-cli腳手架構建工具，開啟命令列工具輸入：npm install vue-cli -g，安裝完成之後輸入 vue -V（注意這裡是大寫的“V”），如果出現相應的版本號，則說明安裝成功。

詳解IDEA 中使用Maven建立專案常見錯誤和使用技巧(推薦)

使用idea的執行程式時，出現jar包不存在的錯誤（pom.xml檔案中有依賴，而且程式碼沒有紅色的）。

建立專案中，node_modules中有下載依賴項但package.json檔案中沒有依賴

問題復原過程建立react專案 npx create-react-app reacte-demo 下載的內容中node_modules中依賴的檔案都有，但在package.json中沒有依賴項，僅僅如下幾個：

vue專案引入echarts控制檯報錯echarts is not defined的問題解決

技術標籤：vueecharts 專案用到了echarts做BI，安裝echarts的包並在入口檔案引入掛載時一直報錯：echarts is not defined我去看了下package.json檔案，裡面確實有echarts的包我之後又嘗試在頁面內引入：列印echa

electron腳手架electron-forge建立專案失敗解決方法總結

最近在學習electron，在按照官方文件用electron-forge建立專案的時候遇到一些問題，導致建立失敗。

React native外掛專案iOS中訊飛報錯

https://github.com/zphhhhh/react-native-speech-iflytek/issues/36 描述：[IFlySpeechUtility createUtility:initString]的時候報錯：

vue-router 按需載入 component: () => import() 報錯的解決

vue的單頁面（SPA）專案,必然涉及路由按需的問題。以前我們是這麼做的 //require.ensure是webpack裡面的，這樣做會將單獨拉出來作為一個chunk檔案