npm 의존성 설치 webtorrent - 오류 : 'fs'을 해결할 수 없음 - Fountain-Js (Yeoman)

Question

안녕하세요, 코드에 NPM Dependencie를 설치하는 중 문제가 발생했습니다. } 내 package.json

./package.json

{ 
"dependencies": { 
    "angular": "^1.5.0", 
    "angular-ui-router": "1.0.0-beta.1", 
    "webtorrent": "^0.97.2" 
}, 
"devDependencies": { 
    "angular-mocks": "^1.5.0-beta.2", 
    "gulp-angular-templatecache": "^1.8.0", 
    "del": "^2.0.2", 
    "gulp": "gulpjs/gulp#4ed9a4a3275559c73a396eff7e1fde3824951ebb", 
    "gulp-hub": "frankwallis/gulp-hub#d461b9c700df9010d0a8694e4af1fb96d9f38bf4", 
    "gulp-filter": "^4.0.0", 
    "gulp-util": "^3.0.7", 
    "gulp-angular-filesort": "^1.1.1", 
    "gulp-htmlmin": "^1.3.0", 
    "gulp-insert": "^0.5.0", 
    "gulp-ng-annotate": "^1.1.0", 
    "gulp-sass": "^2.1.1", 
    "browser-sync": "^2.9.11", 
    "browser-sync-spa": "^1.0.3", 
    "karma": "^1.3.0", 
    "karma-coverage": "^1.1.1", 
    "karma-jasmine": "^1.0.2", 
    "karma-junit-reporter": "^1.1.0", 
    "jasmine": "^2.4.1", 
    "es6-shim": "^0.35.0", 
    "karma-angular-filesort": "^1.0.0", 
    "karma-ng-html2js-preprocessor": "^0.2.0", 
    "karma-phantomjs-launcher": "^1.0.0", 
    "karma-phantomjs-shim": "^1.1.2", 
    "phantomjs-prebuilt": "^2.1.6", 
    "babel-plugin-istanbul": "^2.0.1", 
    "karma-webpack": "^1.7.0", 
    "webpack": "2.1.0-beta.20", 
    "html-webpack-plugin": "^2.9.0", 
    "style-loader": "^0.13.0", 
    "css-loader": "^0.23.1", 
    "postcss-loader": "^0.8.0", 
    "autoprefixer": "^6.2.2", 
    "json-loader": "^0.5.4", 
    "extract-text-webpack-plugin": "^2.0.0-beta.3", 
    "ng-annotate-loader": "^0.0.10", 
    "html-loader": "^0.4.3", 
    "sass-loader": "^3.1.2", 
    "node-sass": "^3.4.2", 
    "eslint": "^3.2.2", 
    "eslint-config-xo-space": "^0.12.0", 
    "eslint-config-angular": "^0.5.0", 
    "eslint-plugin-angular": "^1.3.0", 
    "eslint-loader": "^1.3.0", 
    "babel-loader": "^6.2.0", 
    "babel-eslint": "^6.0.2", 
    "eslint-plugin-babel": "^3.1.0", 
    "babel-core": "^6.13.0", 
    "babel-polyfill": "^6.7.4", 
    "babel-preset-es2015": "^6.2.0" 
}, 
"scripts": { 
    "build": "gulp", 
    "serve": "gulp serve", 
    "serve:dist": "gulp serve:dist", 
    "test": "gulp test", 
    "test:auto": "gulp test:auto" 
}, 
"eslintConfig": { 
    "globals": { 
    "expect": true 
    }, 
    "root": true, 
    "env": { 
    "browser": true, 
    "jasmine": true 
    }, 
    "extends": [ 
    "xo-space/esnext" 
    ] 
} 

이것은 --save webtorrent

를 설치 NPM :

내가이 명령을 사용하여 모듈을 설치

이것은 index.js 파일입니다.

./index.js 내가 webtorrent 사용할

import angular from 'angular'; 

import {techsModule} from './app/techs/index'; 
import {playlistModule} from './app/playlist/index'; 
import {webtorrent} from 'webtorrent'; 


import 'angular-ui-router'; 
import routesConfig from './routes'; 

import {main} from './app/main'; 
import {header} from './app/header'; 
import {title} from './app/title'; 
import {footer} from './app/footer'; 

import './index.scss'; 

angular 
    .module('app', [techsModule, playlistModule, 'ui.router']) 
    .config(routesConfig) 
    .component('app', main) 
    .component('fountainHeader', header) 
    .component('fountainTitle', title) 
    .component('fountainFooter', footer); 

이 내 모듈입니다 :

./src/app/playlist/playlist.js을

import Webtorrent from 'webtorrent'; 

class PlaylistController { 
    contructor() { 
    this.TorrentId = 'magnet:?xt=urn:btih:6a9759bffd5c0af65319979fb7832189f4f3c35d&dn=sintel.mp4&tr=wss%3A%2F%2Ftracker.btorrent.xyz&tr=wss%3A%2F%2Ftracker.fastcast.nz&tr=wss%3A%2F%2Ftracker.openwebtorrent.com&ws=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2Fsintel-1024-surround.mp4'; 
    this.Client = new Webtorrent(); 
    } 
} 

export const playlist = { 
    templateUrl: "app/playlist/playlist.html", 
    controller: PlaylistController, 
    bindings: { 
    playlist: '<' 
    } 
}; 

그래서이 오류가 있습니다 :

ERROR in ./~/create-torrent/index.js 
Module not found: Error: Can't resolve 'fs' in '/Users/macbook-lucas/refreex/node_modules/create-torrent' 
@ ./~/create-torrent/index.js 22:9-22 
@ ./~/webtorrent/index.js 
@ ./src/index.js 

ERROR in ./~/parse-torrent/index.js 
Module not found: Error: Can't resolve 'fs' in '/Users/macbook-lucas/refreex/node_modules/parse-torrent' 
@ ./~/parse-torrent/index.js 7:9-22 
@ ./~/webtorrent/index.js 
@ ./src/index.js 

ERROR in ./~/is-file/index.js 
Module not found: Error: Can't resolve 'fs' in '/Users/macbook-lucas/refreex/node_modules/is-file' 
@ ./~/is-file/index.js 3:9-22 
@ ./~/create-torrent/index.js 
@ ./~/webtorrent/index.js 
@ ./src/index.js 

ERROR in ./~/pump/index.js 
Module not found: Error: Can't resolve 'fs' in '/Users/macbook-lucas/refreex/node_modules/pump' 
@ ./~/pump/index.js 3:9-22 
@ ./~/webtorrent/lib/torrent.js 
@ ./~/webtorrent/index.js 
@ ./src/index.js 

ERROR in ./~/webtorrent/lib/torrent.js 
Module not found: Error: Can't resolve 'fs' in '/Users/macbook-lucas/refreex/node_modules/webtorrent/lib' 
@ ./~/webtorrent/lib/torrent.js 13:9-22 
@ ./~/webtorrent/index.js 
@ ./src/index.js 

하지만 문제는이 JS의 씨앗입니다. 왜냐하면 저는 깨끗한 proyect에 웹 토 런트를 설치하려고했기 때문에 완벽하게 작동하기 때문에 Yeoman이 fs를 잘못 사용하는 이유를 모르겠습니다.

"fs"는 NODE.js의 핵심 모듈이지만 fs를 설치하려고했지만 보안상의 이유로 더미 패키지 만 설치하므로 설치하지 않아도됩니다.

NPM 업데이트 -g NPM

하지만 아무것도 :

또한 나는이 명령으로 NPM을 업데이트했습니다.

fs 모듈 정보는이 정보가 있습니다. NPM 정보 당신은 웹팩 섹션 https://github.com/feross/webtorrent 살펴 보셔야 -v 3.10.8

Answer 1

내지 fs. 작동시키기 위해 구성 라인 몇 줄을 추가해야한다고 설명합니다.

{ 
    target: 'web', 
    node: { 
    fs: 'empty' 
    }, 
    module: { 
    loaders: [ 
     // make sure to install the 'json-loader' package: npm install json-loader 
     { 
     test: /\.json$/, 
     loader: 'json' 
     } 
    ] 
    } 
}