vue-cli+webpack打包路徑報錯問題
vue-cli 打包配置
1、配置專案引用檔案問相對路徑;
2、引用js檔案路徑錯誤;
3、圖片路徑錯誤;
4、背景圖片路徑錯誤;
解決以上問題,需修改三個地方:
1、config/index.js(大約46行)
build: {
assetsPublicPath: './' // 修改為相對路徑
}
2、build/utils.js(大約51行)
if(options.extract){
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath: '../../' // 此處解決css中背景圖片路徑報錯
})
}
3、build/webpack.prod.conf.js(大約25行)
output: {
publicPath: './', // 新增這一行配置
}
此方法親測有效
相關推薦
vue-cli+webpack打包路徑報錯問題
vue-cli 打包配置 1、配置專案引用檔案問相對路徑; 2、引用js檔案路徑錯誤; 3、圖片路徑錯誤; 4、背景圖片路徑錯誤; 解決以上問題,需修改三個地方: 1、config/index.js(大約46行) build: { assetsPublicPath: '
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專案,訪問打包後的專案,輸入路徑後,頁面載入空白。這時會有兩類問題,都是路徑問題。 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-cli+webpack打包配置
output iat lint creat clu 包含 res client sele 上一篇說的是 webpack打包生成測試和生產版本; 這篇說的這個配置 應該是在打包之前應該配置好的 webpack配置如下: 1. webpack.base.conf.js 入口文件
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引入element-ui報錯
1.main.js按需引入引入element-ui import { Button } from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Button) 2.首先,安裝 babe
vue專案,打包後報錯以及空白問題
第一次從無到有自己搭建vue專案,npm run dev完全正常,打包之後頁面空白且報錯檔案找不到 1.修改config下面的index.js assetsPublicPath預設的是 ‘/’ 也就是根目錄。而我們的index.html和static在同一級目錄下面。
vue init webpack-simple project 報錯處理(connect ETIMEDOUT 192.30.253.112)
http://www.cnblogs.com/taiyanghua0522/p/6043942.html 1 Failed to download repo vuejs-templates/webpack-simple: connect ETIMEDO
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
Webpack打包React報錯Unexcepted token
其根本原因在於我們使用大於6.0版本的babel時沒有正確下載完全。 babel升級後拆分了模組 。你需要 npm install babel-loader babel-core babe
關於vue-cli + webpack打包給後臺,部署上線
(1).腳手架 + webpack打包必然是npm run build,但是後臺用tomcat部署上線的時候,可能會衍生出一點問題,比如,路徑問題(這裡的路徑問題,是因為在專案中,我們使用了絕對路徑,這裡必須要用相對路徑,但是打包後,還是會報錯,說是找不到assets資料夾下的各種資源,包括images,cs
vue-cli 3.0 建立的專案,dev下能執行,打包後報錯,頁面空白
dev下執行時正常的,但在打包後就不正常了,如下圖報各種檔案找不到,原因是在html引入的img,js或css的路徑不對,如下:<link as=style href=/css/app.f9f2eaa0.css rel=preload> <link as=s
vue打包靜態資源後顯示空白及static檔案路徑報錯填坑
今天使用vue打包(npm run build)遇到了幾個坑,在這裡分享給大家 打包之後開啟dist的頁面顯示空白: 這個問題以前就處理過,是打包過程中出現錯誤頻率較高的一種,可能有3處地方會出現這種情況 1、記得改一下config下面的index.js中bulid模組
Vue中img的src動態賦值本地路徑報錯
問題:我想根據tabIndex是否是當前值,來判斷顯示本地不同的圖片。我按照下面的寫法,頁面會報404找不到相應圖片地址。 <div class="tab-item" @click="tabIndex=0"> <img :src="tabIndex ==
vue-cli專案打包需要修改的路徑問題
1. 命令列輸入:npm run build 打包出來後項目中就會多了一個資料夾dist,這就是我們打包過後的專案。 第一個問題,檔案引用路徑。我們直接執行打包後的資料夾中的index.html檔案,會看到網頁一片空白,f12除錯,全是css,js路
vue-cli webpack配置cdn路徑 以及 上線之後的字型檔案跨域處理
昨天搞了一下vue專案打包之後靜態資源走阿里雲cdn。 配置了半天,終於找到了設定的地方 config/index.js 裡面設定build 下的 assetsPublicPath 打包的時候便可以新增公共字首路徑 assetsSubDirectory: 'admin/stat
webpack+vue開發專案時遇到報錯如何定位錯誤
前幾天新增一個功能就是,修改localstorage時報的錯,一開始,根本就不知道是什麼原因導致的,然後一直在找原因(ps:對webpack+vue的專案除錯,感覺有點困難,不知道各位大神,看到這樣的錯誤,是如何定位的?正在學習當中,望大神指教一下。)然後我試著在其他瀏覽器開啟,這個問
php命令列(cli)下執行PHP指令碼時相對路徑報錯問題
問題產生的原因: 在php命令列下執行.php檔案時,執行環境的工作目錄是php命令程式(php.exe)所在目錄,所以如果想在檔案內使用相對路徑時,要先切換當前的工作目錄才行。 解決方法:將工作目錄切換到當前檔案目錄 $oldpath = getcwd();
vue-cli專案打包後圖片路徑問題
專案目錄結構如下(圖片習慣放在src->assets->img裡面)第一步,修改config目錄裡面的index.js檔案將 assetsPublicPath: '/' 改為 assetsPublicPath: './'第二步,修改build目錄裡面的utils.