溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法

發(fā)布時間：2020-11-03 15:31:52 來源：億速云 閱讀：499 作者：Leah 欄目：開發(fā)技術(shù)

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

是因為創(chuàng)建項目的時候設置了eslint所以才會有下面的警告，Use ESLint to lint your code? (Y/n) 這一步選no

如果不想有規(guī)范的js代碼，可以關(guān)掉eslint。

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法

解決辦法：

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

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法

注釋后重啟項目

2、或者打開config文件下的index.js,里useEslint改為false，重啟項目

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法

補充知識：vue cli3 熱更新 保存時自動刷新頁面內(nèi)容 + 分離環(huán)境變量.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環(huán)境變量，那么這里在安利一個知識點吧

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"
 },

環(huán)境變量存放地址

vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法

優(yōu)先級.env<.env.any<.env.any.local （.local文件會被 git 忽略）

npm run serve 會默認找到.env.development文件配置

npm run build會默認找到.env.production文件配置

當然我們可以把本地的配置放置在.local內(nèi)用于本地配置，然后對應的線上和測試環(huán)境放置不同的文件，打包上線時 對應的 npm run build --文件名稱就行了比如npm run build --development

關(guān)于vue項目運行提示W(wǎng)arnings while compiling.警告的解決方法問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手