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

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

     今天在做練習專案的時候,在新建專案的時候遇到了這個'webpack-dev-server' 不是內部或外部命令,也不是可執行的程式

或批處理檔案的報錯。

    後來發現問題可能是出在了node_modules這個資料夾裡。將node_modules資料夾刪除後,然後在cmd中cd到專案目錄,依次執行命令:npm install,執行到了這裡發現cmd裡面又出現了 --npm ERR! write after end ,也就是下面這個錯誤。

  

   用百度翻譯了一下後發現是npm報錯,發現這個錯誤可能是Npm版本問題導致的報錯。執行npm i -g [email protected]將我的npm版本降至5.6.0版本的(補充一下:之前我的npm版本是:6.0.1版本)。這個錯誤解決完後,執行npm install初始化一下,然後執行npm run build,這樣我的node_modules資料夾就沒有問題了。



    最後在用cnpm run dev或者npm run dev執行啟動專案,結果專案完美的啟動成功!在做vue專案時,我總會遇到各種奇怪的錯誤,今天也是在別人的分享中成功解決了這個問題,所以我也將我的解決方法分享出來,有什麼疑問或困難可以提出來,然後我們一起去解決問題!

相關推薦

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

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

利用vue-cli建立專案

1、安裝vue-cli npm i vue-cli --gd  2、初始化一個專案 vue init webpack test //test 是個專案名稱並且配置相應的配置,(測試部份的可以選擇no) 3、執行初始化的專案,如果可以執行,那麼說明安裝成功 c

使用vue-cli建立專案

1.全域性安裝vue-cli npm install vue-cli -g 2.開始建立專案 使用vue初始化基於webpack的新專案 vue init webpack my-project 專案建立過程中會提示是否安裝eslint,可

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

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

說說在CMD命令列模式下ADB命令顯示為內部外部命令是可執行程式處理檔案的解決辦法

有時候在android開發中我們會用到adb命令列,但很多人在cmd中輸入adb命令後,會出現'adb'不是內部或外部命令,亦不是可執行程式和批處理檔案的問題 解決辦法是:找到SDK目錄,在其子目錄p

利用vue-cli腳手架搭建專案在我入門時開啟eslint 一直黃色的警告 有時候非常的煩惱 所以我要去掉它

我們在專案目錄裡 找到 bulid--->webpack.base.conf.js 然後把下面的 程式碼 註釋掉哦const createLintingRule = () => ({  // test: /\.(js|vue)$/,  // loader: 'es

vue-cli建立專案配置多頁面的方法

vue官方提供的命令列工具vue-cli,能夠快速搭建單頁應用。預設一個頁面入口index.html,那麼,如果我們需要多頁面該如何配置,實際上也不復雜假設要新建的頁面是rule,以下以rule為例建立

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

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

使用 vue-cli 建立模板專案

說明 1)vue-cli 是 vue 官方提供的腳手架工具 安裝 node.js網站 找到關於linux64位的 左邊第一個 8.12.0LTS 安裝完以後是個壓縮包 我們進行解壓 然後開啟終端 將解壓的包 拖到 終端上獲取 包的全域性路徑 將路徑進行

搭建VUE專案的準備(利用vue-cli來構建專案

//全域性安裝 npm install -g webpack 3.  安裝vue-cli腳手架構建工具 npm install vue-cli -g 安裝vue-cli腳手架構建工具,開啟命令列工具輸入:npm install vue-cli -g,安裝完成之後輸入 vue -V(注意這裡是大寫的

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

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

vue-cli的build的資料夾下沒有dev-server.js檔案怎麼配置mock資料

新版webpack.dev.conf.js配置如下:const express = require('express')const app = express()var appData = require('../data.json')//載入本地資料檔案var seller = appData.seller

vue-cli的build的資料夾下沒有dev-server.js檔案如何配置本地資料

vue-cli的build的資料夾下沒有dev-server.js檔案,怎麼配置本地資料 因為最新版本的vue-cli已經放棄dev-server.js,只需在webpack.dev.conf.js配置就行 新版webpack.dev.conf.js配置如下

vue-cli安裝中出現的問題' vue' 內部外部命令是可運行的程序處理文件。

spa pre dmi 外部 ffffff 新建 node tor 運行 安裝成功的vue-cli運行不出結果解決方法 1,檢查自己是不是修改了默認prefix(全局)和cache(緩存), 默認的npm下載文件在C:\Users\Administrator\App

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 -------> 報錯如下:

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

Jenkins構建Python專案提示:'python' 內部外部命令是可執行程式

問題描述: jenkin整合python專案,立即構建後,發現未執行成功,檢視Console Output 提示:'Python' 不是內部或外部命令,也不是可執行的程式,如下圖: 1.在 Windows 提示符下執行是沒有問題。 2.把Jenkins專案配置中 python main.p

Jenkins構建Python專案失敗提示'python' 內部外部命令是可執行程式

jenkin整合後,立即構建,發現未執行成功,提示: Console Output 提示:'Python' 不是內部或外部命令,也不是可執行的程式, 定位原因:python.exe 不在jenki

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

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