是因為建立專案的時候設定了eslint所以才會有下面的警告，Use ESLint to lint your code? (Y/n) 這一步選no

如果不想有規範的js程式碼，可以關掉eslint。

解決辦法：

1、找到build下面的webpack.base.conf.js

註釋後重啟專案

2、或者開啟config檔案下的index.js,裡useEslint改為false，重啟專案

補充知識：vue cli3 熱更新 儲存時自動重新整理頁面內容 + 分離環境變數.env package.json配置

前幾天ts+vue3.0+view-design擼了一個專案，然後總感覺哪裡不對勁，今天終於醒悟了原來是熱更新沒開

在vue.config.js中配置以下選項

const IS_PRO = ['production','test'].includes(process.env.NODE_ENV);

css: {
  // 是否使用css分離外掛 ExtractTextPlugin
  extract: IS_PRO,// 開啟 CSS source maps 打包時不生成.map檔案?
  sourceMap: false,// css預設器配置項
  loaderOptions: {
  },// 為所有的 CSS 及其預處理檔案開啟 CSS Modules。
  // 這個選項不會影響 `*.vue` 檔案。
  requireModuleExtension: true
 },

上文中用到了process.env環境變數，那麼這裡在安利一個知識點吧

package.json

 "scripts": {
  "serve": "vue-cli-service serve","build": "vue-cli-service build","build:dev": "vue-cli-service build --mode development","lint": "vue-cli-service lint"
 },

環境變數存放地址

優先順序.env<.env.any<.env.any.local （.local檔案會被 git 忽略）

npm run serve 會預設找到.env.development檔案配置

npm run build會預設找到.env.production檔案配置

當然我們可以把本地的配置放置在.local內用於本地配置，然後對應的線上和測試環境放置不同的檔案，打包上線時 對應的 npm run build --檔名稱就行了比如npm run build --development

以上這篇解決vue專案執行提示Warnings while compiling.警告的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。