pdfmake
我正在尝试使用这个库:。我用npm安装它,我用webpack 2导入它。
浏览器控制台显示以下错误:
fs.readFileSync不是函数错误
库网站中的示例是导入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本身得到以下消息:
错误:没有可用的node.js核心模块'fs'的浏览器版本
我该如何处理这个问题?
提前致谢
回答如下:看看他们的源代码,看起来他们有一个fs
替代here并且在他们的webpack中他们只是加载它并给它一个'fs'别名来模拟节点的fs。
resolve: {
alias: {
fs: path.join(__dirname, './src/browser-extensions/virtual-fs.js')
}
},