1. 程式人生 > >vue-cli webpack打包遇到的坑,npm run dev 沒有錯誤,訪問頁面卻沒有內容

vue-cli webpack打包遇到的坑,npm run dev 沒有錯誤,訪問頁面卻沒有內容

1. git clone  [email protected]:hotsuitor/learn_vuejs.git

2. npm install 

3. npm run dev 


4. 在瀏覽器開啟頁面檢視,什麼內容也沒有


4.2 正常應該可以看到這樣的效果


5. emmmmm,昨晚還是好好的,想想自己改了什麼?發現圖2報錯404,昨晚打包的時候修改了檔案的生成路勁,改為了相對路徑,改回絕對路徑試試

6. 



7. 果然是這裡的問題,修改打包路徑的時候改錯,把dev的path也改成了相對路徑,導致無法載入靜態資源,所以頁面什麼也沒有,問題解決

8. 總結記錄,記錄一下這個小坑。昨晚回家裡pull專案,發現跑起來什麼內容都沒有,一度懷疑node版本問題,npm包管理器的問題,node卸了又裝卸了又裝,最好導致npm工具error,執行 npm -v 命令都報錯。哎,排除問題還得先從最近的原因找起,一步步來。

相關推薦

解讀 vue-cli 腳手架(一):npm run dev的背後

揭祕 vue-cli 腳手架 前言:記得自己大二(2016年)的時候,經過同學的介紹,偶然間接觸到了 vue 的專案。那時候的自己對於這一項新興的技術掌握程度並不好,一來二去折騰了一個星期,也沒有弄明白裡面的原理(因為當時從來沒有接觸過這種腳手架,通過webpa

vue-cli webpack打包遇到的npm run dev 沒有錯誤訪問頁面沒有內容

1. git clone  [email protected]:hotsuitor/learn_vuejs.git2. npm install 3. npm run dev 4. 在瀏覽器開啟頁面檢視,什麼內容也沒有4.2 正常應該可以看到這樣的效果5. emmmm

vue-cli webpack打包釋出到nginx伺服器nginx.conf配置

server { listen 80; root /var/www/web/; index index.php index.html index.htm; server_name www.web.com;

vue-cli+webpack打包配置

output iat lint creat clu 包含 res client sele 上一篇說的是 webpack打包生成測試和生產版本; 這篇說的這個配置 應該是在打包之前應該配置好的 webpack配置如下: 1. webpack.base.conf.js 入口文件

vue-cli webpack 打包報錯:Unexpected token: punc (()

本來專案完美打包,後來我增加了一個外掛vue-ionicons,打包build就是報錯: ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs Unexpected token: punc (() [./node_mod

vue-cli+webpack打包路徑報錯問題

vue-cli 打包配置 1、配置專案引用檔案問相對路徑; 2、引用js檔案路徑錯誤; 3、圖片路徑錯誤; 4、背景圖片路徑錯誤; 解決以上問題,需修改三個地方: 1、config/index.js(大約46行) build: { assetsPublicPath: '

vue-cli webpack打包後加載資源的路徑問題

vue專案,訪問打包後的專案,輸入路徑後,頁面載入空白。這時會有兩類問題,都是路徑問題。 1.一個是css,js,ico等檔案載入不到,是目錄裡少了dist 開啟頁面時一片空白 解決辦法: config/index.js檔案的build->assetsPub

vue-cli webpack打包開啟Gzip時報錯

前言 今天看了一下Vue-cli中webpack打包的速度,有點小慢,於是我就開始使用其自帶的productionGzip功能。 說明:本人用的node版本:v6.11.3,npm版本:v3.10

關於vue專案+webpack 打包

今天遇到一個打包  npm run build 的坑    打包出來 發現不是html檔案  而是index.vue檔案,由於我是第一次用這個 ,然後網上查了很多資料  後來發現 在config/index.js裡面的檔案配置有問題 開發環境的是

vue專案打包npm run build相關配置以及解決專案打包圖片404背景圖片找不到iview程式碼出問題的情況

1.首先找到config下的index.js檔案 將build下的assetsPublicPath的斜槓換成./ 操作如下 只需要換build中的就可以 dev中的assetsPublicPath不用動 不然打包過後 npm run dev的時候直接出現can not Ge

關於vue-cli + webpack打包給後臺,部署上線

(1).腳手架 + webpack打包必然是npm run build,但是後臺用tomcat部署上線的時候,可能會衍生出一點問題,比如,路徑問題(這裡的路徑問題,是因為在專案中,我們使用了絕對路徑,這裡必須要用相對路徑,但是打包後,還是會報錯,說是找不到assets資料夾下的各種資源,包括images,cs

vue項目npm install後npm run dev報錯問題

HERE 運行 err The too web nbsp stat 解決 報錯:   ERR! code ELIFECYCLE  npm ERR! errno 1  npm ERR! [email protected] dev: `node build/dev-server.js`

解決vue專案執行過程中npm run dev 報錯問題

ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! [email protected] dev: `node build/dev-server.js`npm ERR! Exit status 1npm ERR!npm ERR!

Laravel5.5執行 npm run dev時報錯提示cross-env找不到(not found)的解決辦法

smo font span links 命令 develop ebp amp webpack Laravel 5.4 Mix & Laravel5.5執行 npm run dev時報錯,提示cross-env找不到(not found)的解決辦法 首先

jenkins 部署 並執行npm run dev 專案時execute shell自動結束程序問題

使用 jenkins 部署 vue (npm run dev)專案時,部署狀態是顯示部署成功,但是服務沒有成功啟動,在做程序服務監控的時候發現,jenkins部署時候服務也啟動成功了,但是jenkins部署成功後 自動kill殺死或結束該程序和該程序的衍生的程序,那麼就讓jenkins不

通過Vue-cli進行webpack打包

Vue-cli為Vue專案搭建的腳手架的確很方便,但打包時容易出現空白頁,或者對應的靜態資源載入不了。 我是通過將專案/config下的index.js的assetsPublicPath變成’./’,變成相對路徑,進行解決。 cd vue demo npm

前端小白學習安裝node npm vue webpack

1.package.json 依賴包不全的時候 npm install 重新裝一下就可以了。 2.npm run dev 一定要在專案目錄下執行 否則會提示找不到package json。 3.mac使用者一定要記得命令前加sudo。

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專案vue-cli,webpack

1,換成淘寶源; npm config set registry https://registry.npm.taobao.org/ 檢查是否修改成功 npm config get registry 2,安裝vue腳手架 npm install -g vue-cli

前端框架Vue(12)——如何將 vue-cli 專案打包壓縮(npm run build)後放到伺服器

  當我們將 vue 專案完成後,面臨的就是如何將專案進行打包上線,放到伺服器中。我使用的是 vue-cli(simple) 腳手架,所以就講一下如何將專案進行打包,並放到 tomcat 上。   如果是 vue-cli (非 simple 腳手架),這篇