提供反應webpack文件加載器的靜態pdf

我提供了一些靜態文件，如圖像和字體，沒有任何問題。當我嘗試對PDF文件執行相同操作時，出現錯誤。提供反應webpack文件加載器的靜態pdf

ERROR in ./src/views/default/components/Footer.js

c:\Resurs\repos\Frontend\src\views\default\components\Footer.js 5:17 error Parse errors in imported module 'src/includes/ANVANDARAVTAL_MITTKONTOR.pdf' import/default

✖ 1 problem (1 error, 0 warnings)

ERROR in ./src/views/default/components/Footer.js Module not found: Error: Cannot resolve module 'application-loader' in c:\Resurs\repos\Frontend\src\views\default\components @ ./src/views/default/components/Footer.js 21:32-84

的配置的WebPack正常工作，與所有的裝載機JSX，ES6，CSS，靜態文件...除了裝載機配置爲PDF。

{ 
    test: /\.pdf(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    loader: 'file-loader?minetype=application/pdf&name=[name].pdf' 
}

我的其他加載程序配置，工作，看起來幾乎相同的PDF，和工程...爲什麼（墊底）！？例如：

{ 
    test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, 
    loader: 'file-loader' 
}

文件的導入到反應成分如下：

import bg from "src/design/images/loginBG.jpg"; //works fine 
import pdf from "src/includes/ANVANDARAVTAL_MITTKONTOR.pdf"; //NOT WORKING!

我已經嘗試了許多配置，一派錯誤，用Google搜索，可以解決這個問題裝載機。除了通常的圖片，CSS，JS，除了提供來自webpack/react的靜態內容外，沒有任何內容。

我也嘗試服務一個txt文件只是爲了看看它是否工作。這也失敗了與PDF相同的錯誤。

爲什麼webpack在使用文件加載器時嘗試解析文件？

來源

2016-04-15 Dizzypointed

什麼是'應用loader'？你有配置嗎？ 'minetype'中也有錯字 - 應該是'mimetype' – CodingIntrigue

.pdf文件需要捕獲組嗎？我知道它被0或很多'？'包裹，但我很好奇它沒有它如何執行。 –

任何機會你都可以粘貼與'ERROR'相關的行./src/views/default/components/Footer.js模塊未找到：錯誤：無法解析c：\ Resurs \ repos \ Frontend \ src中的模塊'application-loader' \ views \ default \ components @ ./src/views/default/components/Footer.js 21：32-84'？ –

我使用webpack file-loader在構建過程中處理靜態內容，並且能夠成功將PDF傳輸到我的構建文件夾。下面是我在做什麼的簡化版本：

陣營組件 import pdfFile from '../../src/file.pdf'

的WebPack裝載機

{ 
    test: /\.(pdf|gif|png|jpe?g|svg)$/, 
    loader: 'file?name=[path][name].[ext]', 
    include: paths 
}

來源

2016-12-15 23:31:08

提供反應webpack文件加載器的靜態pdf

回答

相關問題