1. 程式人生 > >linux系統下webpack-dev-server不自動重新整理瀏覽器

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

背景

當在開發環境使用 webpack-dev-server 時,如果檔案修改了,那麼 webpack-dev-server 會自動重新構建,並重新整理瀏覽器頁面,之前在 osxwindows 系統上使用時都沒有問題,然而最近在 deepin 系統上使用時,卻發現沒法自動重新整理了,只能手動的停掉,然後重新 yarn start,體驗極差。

解決方案

一開始懷疑是不是編輯器的 safe write 的問題。

但是在嘗試禁用掉 safe write 功能之後,依然存在這個問題。

英文好的話可以直接看原文,其實核心就是一條命令:

1.Debian,RedHat 系統

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

2.ArchLinux 系統

echo fs.inotify.max_user_watches=524288 | sudo tee /etc/sysctl.d/40-max-user-watches.conf && sudo sysctl --system

相關推薦

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Linux系統,Jenkins讀取到環境變數的問題

#!/bin/bash -ilex-i: 互動式sh ;l:登陸式sh在指令碼之上加這行參考:原因講解:http://blog.csdn.net/zzusimon/article/details/570

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

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

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

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

Linux系統NAT模式連上網解決方案

NAT連不上網解決如下; 上面這一步可做可不做,無所謂,這一步只不過是又生成一個網路連線而已! 接下來點選編輯,然後選擇虛擬機器編輯 然後開啟計算機的控制面板,找到網路和internet點進去,然後在點選網路和共享中心 雙擊點進去,然後點選屬性 然後重新開啟虛擬機器,

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

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

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

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

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

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

webpack-dev-server無法自動編譯熱更新

首先說明一下我用的是sublime text3 之前做nodejs開發的時候一直是手動node app.js,每次後臺改了一點程式碼都要重新跑一遍,開發效率實在不高,也瞭解webpack貌似有熱更新

linux系統解決getch()輸入數值回顯示

continue pan not while image png bsp log main 在linux系統下開發C 程序卻會遇到系統不支持conio.h頭文件,無法使用getch()不回顯函數。下面就演示如何構建函數實現數值輸入不回顯。 1 #includ

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

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

Vue 項目: npm run dev b報錯 “'webpack-dev-server' 是內部或外部命令,也是可運行的程序 或批處理文件。”

output 安裝 modules RR module -i progress his dev 前提: 電腦已經安裝了nodeJS和npm, 項目是直接下載的zip包。 報錯步驟為1:cd /d 目錄; 2. npm ren dev -------> 報錯如下: