1. 程式人生 > >webpack+Vue引入iView找不到字型檔案

webpack+Vue引入iView找不到字型檔案

原因:

  • css-loader後面帶了引數modules(打包報錯)
  • url-loader後面帶了引數name(引入報錯)
{
  test: /\.css$/,
  use: ExtractTextPlugin.extract({
    fallback: "style-loader",
    use: "css-loader?modules!postcss-loader"
  })
},
{
  test: /\.(svg|ttf|eot|woff)\??.*$/,
  loader: "url-loader?limit=10000&name=fonts/[name].[ext]"
}

解決方案:去掉引數

{
  test: /\.css$/,
  use: ExtractTextPlugin.extract({
    fallback: "style-loader",
    use: "css-loader!postcss-loader"
  })
},
{
  test: /\.(svg|ttf|eot|woff)\??.*$/,
  loader: "url-loader?limit=10000"
}

或者

{
  test: /\.css$/,
  exclude: /node_modules/,
  use: ExtractTextPlugin.extract({
    fallback: "style-loader"
, use: "css-loader?modules!postcss-loader" })
}, { test: /\.css$/, include: /node_modules/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: "css-loader!postcss-loader" }) }, { test: /\.(svg|ttf|eot|woff)\??.*$/, loader: "url-loader?limit=10000" }

相關推薦

webpack+Vue引入iView字型檔案

原因: css-loader後面帶了引數modules(打包報錯) url-loader後面帶了引數name(引入報錯) { test: /\.css$/, use: ExtractTe

iview 按需引入vue專案報iview到解決方法

//import iView from ‘iview’; //import ‘iview/dist/styles/iview.css’; //Vue.use(iView); 接下來,在需要用的vue檔案下,直接引入需要的iview元件就可以了 import V

vue-cli中解決css引用圖片打包後檔案資源的問題

1.在CSS中引入圖片   #slider1 { background-image: url(./bg02.jpg); background-size: cover; } 注意:此處的圖片與索引檔案在同一個目錄下; 在開發環境下背景圖片是可以好好的顯示的,但是

vue 動態設定img的src地址無效,npm run build 後檔案

動態設定img的src屬性無效,而直接寫可以解決辦法: imgSrc寫成require('path');原因:動態新增src被當做靜態資源處理了,沒有進行編譯npm run build 後出現 xxxxxxx net::ERR_FILE_NOT_FOUND解決辦法:    進

vue引入element-ui生效

沖突 tools bsp rap 元素 bootstrap 根據 決定 去掉 為了同樣的錯誤不再犯第三次,我決定用文字記錄, 在寫vue項目時 最初需要用到 dev-tools 所以根據要求需要引入vue.js 我使用的是bootstrap的cdn 然後後來需要使用elem

django views.py open("./xx") no such file found解決django views 檔案中open函式檔案的問題

現象: 在views.py 中 用open 函式,open("./xxx")這種形式,採用相對路徑,開啟一個檔案,提示找不到檔案。 但是直接執行該py檔案就沒有問題 解決辦法: 用絕對路徑 pwd=os.path.dirname(__file__) open(pwd+"/xx

NDK執行時檔案的問題

最近在修改專案的時候出現了NDK無法找到檔案的問題,我的android studio 和NDK都是最新版本,怎麼會出現這樣的問題呢,在網上尋找辦法的時候說在load.properties配置檔案中將ndk.mir註釋掉,親測此辦法無效,於是乎自己想解決辦法,我們可以去根據錯誤的路徑去自己

檔案“WFMLRSVCApp.ear” .

在windows server 12R安裝oracle軟體時,出現以下報錯: “未找到檔案D:\app\Administrator\product\11.2.0\dbhome_1\owb\external\oc4j_applications\applications\WFMLRSVCApp.ea

萬樹IT:javac Hello.java檔案

剛開始編寫Java程式碼時,會遇到很多困難,下面來說一個比較常見的錯誤,如下: 對於初學者,一般都是從Hello,World開始的學起的,廢了好大勁兒,銅鼓了半天,終於要在DOS上執行javac Hello.java時,就會報錯:找不到檔案   解決辦法,要在如下幾個步驟中進行

windows 檔案'gpedit.msc'.請確定檔名是否正確後 windows10 家庭版 打開組策略 想更新 想換版本

我電腦是win10家庭版,不想更新,就像快速安全有效的開啟組策略。那麼所謂的這種百度教程是不好使的,因為你電腦壓根沒有這個策略。 讓我重新裝個企業版我也不幹,就是個許可權的事,你給我開開不就得了,或者說,下個補丁也行,非得大改,你這背後的os程式碼差那麼多的嗎?顯然人家windows不是這麼

Android studio 生成jar包成功卻檔案——解決。

Andriod studio 版本3.1.2, 3.1.2 classes.jar的路徑 from('build/intermediates/packaged-classes/release/') 複製classes.jar的路徑,在老版本中路徑結構('build/intermediates

vue mounted 內到dom

vue生命週期   mounted () {   }, 如果生命週期還是不好用,在語句外套用this.$nextTick方法 this.$nextTick(function () {   this.

mpvue 檔案入口app.json

問題描述: 根據mpvue官網上的教程npm install  、npm run dev 後,偵錯程式中顯示“找不到檔案入口app.json”之類的報錯。 解決辦法:在project.config.json裡找到"miniprogramRoot": "dist/", 改為"

關於在maven下使用jetty打成war包,釋出到tomcat報錯檔案問題

筆者在maven下使用jetty把專案打成war包,釋出到tomcat伺服器上執行,報錯找不到檔案路徑!後來才發現筆者在專案中寫的路徑如下: public static final Strin

Java--javac Hello.java檔案

剛開始編寫java程式碼時,肯定會遇到各種各樣的bug,當然對於初學者這也是能理解的,首先來說一個比較常見的錯誤,如下: 一般編寫新的程式時,都是從Hello,World開始的,比如在DOS上執行ja

WampServer+phpStorm環境搭建(404 not found檔案問題)

前言:wampServerWampServer是Windows Apache Mysql PHP整合安裝環境環境,該環境免去了開發人員將時間花費在繁瑣的配置環境過程,從而騰出更多精力去做開發工作。 因為在我沒有用phpstorm之前都是用的sublime,所以有些工程是放在wampserve

window與linux專案部署-linux下檔案路徑

場景   專案在windows下訪問正常,linux下拋異常,找不到檔案。 分析   如果訪問的專案檔案是這樣的:abc/bcd/aa.jpg ,而系統中訪問檔案的路徑是:abc/Bcd/aa

vue 打包後到路徑

在打包後發現點開dist方件;瀏覽器中一片空白; 我們需要在config檔案下的 把 assetsPublicPath: "/", 變成: assetsPublicPath: "./", 這個可以讓他變成相對路徑  把: product

專案中檔案位置不對,導致檔案(專案裡有好幾個同名的檔案,比如好幾個index.jsp)

有時候新建的jsp是放在lib下面的,而不是和下面的在一塊,沒有和WEB-INF並列,結果瀏覽器裡開啟時,就找不到這個頁面,把這個頁面 拖到下面去,就找的了。 不知道是不是我新建的時候,是點在WEB-INF上了,所以就新建在WEB-INF下面了。結果訪問的時候,是隻進入了專案名,所以只能訪問專案根目錄下

python開啟os.walk()返回檔案出現檔案的問題

問題描述 執行下面程式碼時,會出現No such file or directory錯誤 import os os.chdir("E:/new/a") for root ,dirs,files in