2017-04-03 1 views
0

이 라이브러리를 사용하려고합니다 : https://www.npmjs.com/package/pdfmake. 나는 NPM과를 설치, 나는 브라우저 콘솔이 오류가 표시 웹팩 2.pdfmake - fs.readFileSync가 함수 오류가 아닙니다.

를 사용하여 가져 해요 : 도서관 웹 사이트에서

fs.readFileSync is not a function error

예제 자바 스크립트 파일을 가져와 생성됩니다 PDF, 프론트 엔드의 모든 것. 그러나이 코드는 서버 측 nodejs 코드 인 것 같습니다. 혼란 스럽네.

여기에 내가 fs:true을 변경하려고했지만 그때는 그 자체 웹팩에서 다음과 같은 메시지가있어

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을 가지고있는 것처럼 자신의 소스 코드를 보면 사전

+0

언제든지 웹팩 설정을 여기에 입력하여 볼 수 있습니다. –

+0

이 webpack.config 및 편집에 대한 문제에 대한 자세한 내용을 추가했습니다. –

답변

0

에서

덕분에 보인다과 웹팩에 그들은 단지 노드의 FS를 시뮬레이션하는 'FS'별명을 그로드를 제공합니다.

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