2017-04-03 16 views
0

私はこのライブラリを使用しようとしています:https://www.npmjs.com/package/pdfmake。 私はNPMでそれをインストールしている、と私は、ブラウザのコンソールがこのエラーを示しWebPACKの2pdfmake - fs.readFileSyncは関数エラーではありません

を使用して、それをインポートしています:

fs.readFileSync is not a function error

図書館のウェブサイトの例では、JavaScriptファイルをインポートして生成されていますPDF、フロントエンドのすべて。しかし、このコードはサーバーサイドのnodejsコードのようです。それは混乱している。

ここで私はfs:trueを変更しようとしましたが、その後、私は自分自身のWebPACKから次のようなメッセージを持っている

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 
     }] 
     } 
    ] 
    } 
} 

私webpack.configファイルです:

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

私はこの質問を続行するにはどうすればよいですか?彼らはfs代替hereを持っており、彼らのWebPACKに、彼らはちょうどそれをロードし、それをノードのFSをシミュレートする「FS」の別名を与えるような彼らのソースコードを見てみると、事前

+0

ここであなたのウェブパックの設定をご覧になれますか? –

+0

はwebpack.configを追加し、問題の詳細を編集に追加しました –

答えて

0

おかげで、それはそうです。

resolve: { 
    alias: { 
     fs: path.join(__dirname, './src/browser-extensions/virtual-fs.js') 
    } 
}, 
関連する問題