vue專案,打包後報錯以及空白問題
第一次從無到有自己搭建vue專案,npm run dev完全正常,打包之後頁面空白且報錯檔案找不到
1.修改config下面的index.js
assetsPublicPath預設的是 ‘/’ 也就是根目錄。而我們的index.html和static在同一級目錄下面。 所以要改為 ‘./
這樣改完之後我的專案不會再報錯了,但是頁面仍然是空白頁,就得接著修改,試了好多,終於下面這種生效了,還是在公司一個很厲害的同事的幫助下
2.修改路由模式
src裡邊router/index.js路由配置裡邊預設模式是hash,如果你改成了history模式的話,開啟也會是一片空白。所以改為hash或者直接把模式配置刪除
相關推薦
vue專案,打包後報錯以及空白問題
第一次從無到有自己搭建vue專案,npm run dev完全正常,打包之後頁面空白且報錯檔案找不到 1.修改config下面的index.js assetsPublicPath預設的是 ‘/’ 也就是根目錄。而我們的index.html和static在同一級目錄下面。
vue-cli 3.0 建立的專案,dev下能執行,打包後報錯,頁面空白
dev下執行時正常的,但在打包後就不正常了,如下圖報各種檔案找不到,原因是在html引入的img,js或css的路徑不對,如下:<link as=style href=/css/app.f9f2eaa0.css rel=preload> <link as=s
vue-route+webpack單頁路由專案,打包後訪問正常刷新出現404問題
問題 今天打包一個專案的時候,正常輸入index.html訪問的時候沒有問題,但是重新整理後出現了404錯誤。除錯的時候正常。 分析 檔案打包後生成index.html檔案和dist目錄。 首頁進入後正常,xxxx/index.html,點選
Ant design 項目打包後報錯:"Menu(or Flex) is not defined"
方式 查找 item back TP mob -m flex alt 我的項目使用了ant-design 和 ant-design-mobile,在測試環境上沒問題,但是打包發布之後控制臺報錯 Menu is not definedFlex is not defined
babel-plugin-import配置babel按需引入antd模塊,編譯後報錯.bezierEasingMixin()
erro -a create mpi index issues 簡單 asi 發現 用create-react-app做項目的時候,同時引入了antd,為了實現按需加載antd模塊,用到他們提供的 babel-plugin-import ( 一個用於按需加載組件代碼和
(已解決)拷貝dll檔案到另一個專案,編譯不報錯,執行報錯“未能載入檔案或程式集...”
未能載入檔案或程式集“JUtility, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null”或它的某一個依賴項。試圖載入格式不正確的程式。 需要注意該dll生成的目標平臺:右擊專案-生成-目標平臺, 引用這個dll的專案
vue-cli+webpack打包路徑報錯問題
vue-cli 打包配置 1、配置專案引用檔案問相對路徑; 2、引用js檔案路徑錯誤; 3、圖片路徑錯誤; 4、背景圖片路徑錯誤; 解決以上問題,需修改三個地方: 1、config/index.js(大約46行) build: { assetsPublicPath: '
VUE專案在IE下報錯“ReferenceError: Promise未定義”的解決辦法
VUE專案在IE下報錯“ReferenceError: Promise未定義”的解決辦法 問題原因: IE一些低版本的瀏覽器對於ES6語法不支援 Promise是es6語法裡為了解決非同步函式多重巢狀的問題(回撥地獄) 說明: 或許你並不沒有使用Promise,但是有可
vue專案執行 ENOTFOUND localhost 報錯
Error: getaddrinfo ENOTFOUND localhost 報錯 提示本能獲取本地localhost服務 修改config/index.js localhost 改成 127.0.0
sts搭建springboot專案,springBoot啟動報錯
1.If you want an embedded database please put a supported one on the classpath. 2.springCloud com.sun.jersey.api.client.ClientHandl
MyEclipse 中再次部署專案的時候後報錯
MyEclipse 中再次部署專案的時候後報錯 Undeployment Failure could not be redeployed because it could not be completely removed in the undeployment phase. the
eclipse匯入maven專案,pom檔案報錯解決辦法
Project build error: Non-resolvable parent POM for com.example:demo:0.0.1-SNAPSHOT: Failure to transfer org.springframework.boot:sprin
vue專案 sockjs-node一直報錯問題
vue3下 vue.config.js中 devServer: { host: '0.0.0.0', port: 8080, proxy: { '/': {
解決匯入SpringBoot/SpringCloud專案,pom檔案報錯問題
適用場景:pom檔案報錯:org.apache.maven.archiver.MavenArchiver.getManifest(org.apache.maven.project.MavenProject, org.apach.maven.archiver.MavenArchiveConfigura
vue 專案引入字型圖示報錯、不顯示等問題
問題:在專案開發時使用字型圖示,發現兩個問題;1、出現報錯:解決方法為:把字型引入方式改為絕對路徑2、不報錯,但是不顯示圖示字型,出現方框原因可能有兩種:①沒在用到的地方引入字型的樣式檔案②你使用的是字尾名為 .styl 檔案①的解決辦法是在用到的地方引入字型的樣式檔案(全域
Android Studio 打包國際化報錯以及解決方案
AS升級過後,打包時強制要求國際化,要不然打包會失敗提示如下截圖所示: 在要打包的專案的build.gradle中的Android{}中新增如下程式碼即可解決 lintOptions{ checkReleaseBuilds false abortOnEr
vue-cli生成的專案,打包部署在tomcat伺服器上,報錯404
1. 專案一般情況下在本地是不會出現這個問題的,因為我們在本地開發時,專案的訪問路徑就是'/',但是部署到伺服器以後,此處我們以tomcat為例, 專案會部署在webapps目錄下面,為了做以區分,我們通常會另建一個專案目錄,例如我們建個sample目錄,此時伺服器上專案的根
vue專案,chrome控制檯出現 webpack 報錯 [WDS] Disconnected!
GET http://127.0.0.1:8000/sockjs-node/info?t=1481812063392 net::ERR_CONNECTION_REFUSED [WDS] Disconnected! 這種錯誤一直不知如何解決,也沒去管他,因為不影
初始化vue專案,報錯This is probably not a problem with npm,there is likely additional logging output above
https://blog.csdn.net/ink_if/article/details/79015811 參考別人的部落格 初始化專案,vue init webpack-simple demo 然後npm install 再然後npm run dev 就報錯了,最後找出是版本更新原因,&
Android開發:建立專案後報錯,com.android.ide.common.process.ProcessException: Failed to execute aapt
情景:建立專案後報錯 com.android.ide.common.process.ProcessException:Failed to execute aapt 原因:在build.gradle檔案中, compileSdkVersion 和buildToolsVer