2017-04-03 1186 views
0

我试图使用这个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

如何着手这个问题?

在此先感谢

+0

任何机会,你可以把你的webpack配置在这里给我们看? –

+0

将webpack.config和有关该问题的更多详细信息添加到编辑中 –

回答

0

看着自己的源代码,好像他们有一个fs替代here并在他们的WebPack他们只是加载,并给它一个“FS”别名来模拟节点的FS。

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