最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

pdfmake

运维笔记admin15浏览0评论

pdfmake

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')
    }
},

与本文相关的文章

发布评论

评论列表(0)

  1. 暂无评论