1. 程式人生 > >webstorm修改檔案,webpack-dev-server不會自動編譯重新整理

webstorm修改檔案,webpack-dev-server不會自動編譯重新整理

轉自:http://www.cnblogs.com/wshiqtb/p/5924172.html

重灌了 webstorm ,從10升級到了2016

一升不要緊,開啟老專案,開啟webpakc-dev-server,然後改程式碼,發現瀏覽器不會自動重新整理了!!!

這可急死我了,各種解除安裝webpack、webpack-dev-server,安裝各種版本,除錯。各種查資料查文件,都講的是引數配置(webpack-dev-server啟動就會自重新整理,引數都是其它用途)。

然後結果都是 no work!!!

難道以後我的工作以後就在 不斷的  手動編譯中度過嗎???????,不甘心!!!

廢話不多說了,最後在我快要放棄的時候,不經意間發現了一些貓膩(天助我也):

webstorm的儲存,會在臨時資料夾中建立一個檔案用來儲存(好像沒有出發實際檔案的變更),所以我們要在setting中勾掉這個設定,如下圖

切記,這裡的勾是要勾掉(就是不選擇)

it  work  good!!!

相關推薦

webstorm修改檔案webpack-dev-server自動編譯重新整理

轉自:http://www.cnblogs.com/wshiqtb/p/5924172.html 重灌了 webstorm ,從10升級到了2016 一升不要緊,開啟老專案,開啟webpakc-dev-server,然後改程式碼,發現瀏覽器不會自動重新整理了!!! 這可急死我了,各種解除安裝webpac

vue-cli 專案執行時報錯處理'webpack-dev-server' 是內部或外部命令是可執行的程式更換電腦執行本地的vue-cli專案報錯處理

在做vue-cli 腳手架搭建專案時,把本地專案拷回自己的電腦上執行報錯,後來經查閱解決, 報錯資訊 'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式 或批處理檔案。 npm ERR! code ELIFECYCLE npm ERR! er

webpack-dev-server自動重新整理問題

如果已經將 webpack 安裝到全域性中,則可以直接使用 webpack 命令;如果非全域性安裝需使用,使用專案內部的 webpack 命令的話,需要使用如下方式來執行 webpack 命令: node_modules/.bin/webpack

解決:'webpack-dev-server' 是內部或外部命令是可執行的程式 或批處理檔案

相信很多人在使用webpack-dev-server時肯定會遇到一些問題(如下圖所示) 我在學習vue框架的時候因為要使用到webpack工具,但這個工具又是基於node,而我對node沒有任何基礎,然後每次出現問題就在網上瘋狂的找啊找,在網上諸如類似這個問題的解答很多

vue 如何新建一個專案///Vue專案碰到"‘webpack-dev-server是內部或外部命令是可執行的程式或批處理檔案"報錯

1:開啟cmd命令列,首先安裝node步驟:https://nodejs.org/en/download/      node官網,選擇跟自己的電腦匹配的版本進行下載,然後一步步的安裝即可,輸入node -v,如果出現版本資訊即表示安裝成功。2:npm包管理器是整合在node

利用vue-cli建立新的專案的時候遇到了'webpack-dev-server' 是內部或外部命令是可執行的程式 或批處理檔案的報錯

     今天在做練習專案的時候,在新建專案的時候遇到了這個'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式或批處理檔案的報錯。    後來發現問題可能是出在了node_modules這個

Vue項目碰到"‘webpack-dev-server是內部或外部命令是可運行的程序或批處理文件"報錯

node fill sta 新建 sso 用戶權限 環境 fonts IT 最近公司裏做vue項目,svn了前端同事的項目代碼,裝好環境,運行項目(安裝步驟隨便百度一下,很詳細),控制臺裏報錯“‘webpack-dev-server’不是內部或外部命令,也不是可運行的程序或

vue中"‘webpack-dev-server是內部或外部命令是可運行的程序"的報錯

ext watermark 描述 https 文件 程序 pac 解決辦法 ins 在vue項目中發現了這個報錯 解決辦法將項目裏的“node_modules”文件夾刪除,然後重新運行cnpm installvue中"‘webpack-d

啟動vue專案報錯:'webpack-dev-server' 是內部或外部命令是可執行的程式

我的操作: 1、先將自己專案中的“node_modules”檔案刪除掉。 2、如果使用的是webstorm工具,可以點選左下角的Terminal,依次輸入命令:npm install、npm run build,最後執行npm run dev後項目成功執行。(如果用的

'webpack-dev-server' 是內部或外部命令是可執行的程式

報錯圖 一通百度,以為是沒有裝webpack-dev-server,全域性安裝了還是報錯, 後來百度到說是高版本的Bug, 經過排查,發現是 webpack 的新版本的BUG,解決方法就是解除安裝新版本,安裝老版本。 命令如下: npm remove webp

[轉] webpack3最新版本配置研究(五) devtoolwebpack-dev-serverCommonsChunkPlugin

war () 最新版本 獲取 報錯 key num clas 容易 devtool devtool是webpack中config自帶的屬性只要使用就可以了不用安裝 webpack官網的解釋如下 當 webpack 打包源代碼時,可能會很難追蹤到錯誤和警告在源代碼中的原始位

關於webpack-dev-server能及時更新的問題

tput output style 關於 腳本 class 不能 更新 瀏覽器 問題描述: 配置好了webpack-dev-server之後,修改文件,發現它可以重新編譯,但是瀏覽器頁面並沒有自動更新。 比如我在腳本裏新添了一句alert(1234), 雖然webpack-

npm run dev出現'webpack-dev-server' 是內部或外部命令,也是可執行的程式錯誤

今天使用vue開發一個新專案,搭建好環境後,先後使用cnpm install和npm i element-ui -S命令,在npm run dev時出現了'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式錯誤; 後來刪除了依賴包,統一進行npm

linux系統下webpack-dev-server自動重新整理瀏覽器

背景 當在開發環境使用 webpack-dev-server 時,如果檔案修改了,那麼 webpack-dev-server 會自動重新構建,並重新整理瀏覽器頁面,之前在 osx、windows 系統

Vue專案碰到"‘webpack-dev-server是內部或外部命令

簡單粗暴,好久沒用了,匯入專案之後直接接執行npm run dev (然後就報上圖的錯誤了)應該這樣:npm install和npm run build,最後執行npm run dev後項目成功執行。

Vue系列之 => 使用webpack-dev-server工具實現自動打包編譯

安裝webpack-dev-server (webpack版本3.6.0,webpack-dev-server版本2.11.3)注意版本相容問題,不然會有N多錯誤。  1 npm i [email protected] -D //安裝到本地依賴   webpack

使用Docker構建nginx容器並且啟動後自動退出

為什麼docker執行後就自動退出? docker 容器預設會把容器內部第一個程序,也就是pid=1的程式作為docker容器是否正在執行的依據,如果docker 容器pid掛了,那麼docker容器便會直接退出。 docker run的時候把command做為容器內部命令,如果你使用nginx,那麼ng

Excel刪除新增行列序號自動排序?

在製作Excel表格時,經常添減單元格是很正常的,當資料排序較少時,我們可以一個個的去更改,那要是資料多了,還這樣做,那你不加班就不正常了,為了各位能夠早點下班,所以小編交給你們一個讓單元格中的序號自動排序,這樣就不擔心資料不連貫了。 首先,我們來看一個總的序號

maven測試類自動編譯的問題

遇到這樣的問題其實是很煩的,你每次修改程式碼之後不會自動編譯,執行之後還是修改前的結果。每改一次就要手動編譯一次,要是大一點的專案需要時間久的話真是要炸,還能不能好好測試了~ 之前我遇到這個問題是這樣解決的: maven clean 該專案,然後project clean

'webpack-dev-server' 是內部或外部命令是可運行的程序

解決 dev bsp blog log 再次 裝包 全局 pac 今天新初始的項目遇到這個問題,記錄如下: 1. 這個錯誤與全局安裝webpack-dev-server無關,不必進行全局安裝 2. 原因可能是:   npm或yarn安裝包(當前項目),安裝中報錯,例如nod