pdfmake - fs.readFileSync不是函數錯誤

我試圖使用這個lib：https://www.npmjs.com/package/pdfmake。我與故宮安裝了它，我使用的WebPack 2.pdfmake - fs.readFileSync不是函數錯誤

瀏覽器控制檯顯示這個錯誤在導入：

fs.readFileSync is not a function error

在圖書館網站上的例子導入javascript文件並生成PDF，前端的一切。但是這段代碼似乎是一個服務器端的nodejs代碼。這很混亂。

這是我的webpack.config文件

let webpack = require('webpack'); 
let path = require('path'); 

module.exports = { 
    entry:'./main.js', 
    output: {path: __dirname, filename:'bundle.js'}, 
    node: { 
    fs: "empty" 
    }, 
    module:{ 
    loaders:[{ 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: { 
     presets:['es2015','react','stage-1'], 
     plugins: [ 
      'transform-decorators-legacy' 
     ] 
     } 
    }, 
     { test: /\.css$/, loader: "style-loader!css-loader" }, 
     { test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff" }, 
     { test: /\.(ttf|eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader" }, 


     { 
     test: /\.scss$/, 
     use: [{ 
      loader: "style-loader" // creates style nodes from JS strings 
     }, { 
      loader: "css-loader" // translates CSS into CommonJS 
     }, { 
      loader: "sass-loader" // compiles Sass to CSS 
     }] 
     } 
    ] 
    } 
}

我試圖改變fs:true但後來我從自身的WebPack了以下消息：

Error: No browser version for node.js core module 'fs' available

如何着手這個問題？

在此先感謝

來源

2017-04-03 Alex Alonso

任何機會，你可以把你的webpack配置在這裏給我們看？ –

將webpack.config和有關該問題的更多詳細信息添加到編輯中 –

看着自己的源代碼，好像他們有一個fs替代here並在他們的WebPack他們只是加載，並給它一個「FS」別名來模擬節點的FS。

resolve: { 
    alias: { 
     fs: path.join(__dirname, './src/browser-extensions/virtual-fs.js') 
    } 
},

來源

2017-04-03 13:50:55

pdfmake - fs.readFileSync不是函數錯誤

回答

相關問題