모듈을 찾을 수 없음: 오류:에서 'fs'을(를) 확인할 수 없습니다.
네, Angular를 6개에서 8개로 업그레이드했습니다.하지만 여전히 오류가 발생합니다.
저는 인터넷에서 많은 사용자들에게 도움이 되는 해결책을 찾았습니다.하지만 이 경우에는 저에게 도움이 되지 않습니다.
그래서 제 소포는.json 파일은 다음과 같습니다.
{
"name": "vital10-frontend",
"version": "0.55.0",
"license": "Unlicensed",
"scripts": {
"ng": "ng",
"start": "ng serve",
"hmr": "ng serve --configuration hmr",
"build": "ng build",
"build:prod": "npm run sass:prod && npm run vit10prod",
"build:acc": "npm run sass:prod && npm run vit10acc",
"build:test": "npm run sass:prod && npm run vit10test",
"build:dev": "npm run sass:prod && npm run vit10dev",
"test": "ng test",
"test:cover": "ng test --code-coverage",
"lint": "ng lint",
"e2e": "ng e2e",
"local": "ng serve -c local",
"analyze-bundle": "webpack-bundle-analyzer dist/stats.json",
"postinstall": "node patch-webpack.js",
"sass:watch": "sass --watch sass:src\\assets",
"sass:prod": "sass --update -f --style compressed --sourcemap=none sass:src\\assets",
"vit10dev": "ng build --prod -c vit10dev",
"vit10test": "ng build --prod -c vit10test",
"vit10acc": "ng build --prod -c vit10acc",
"vit10prod": "ng build --prod -c production"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.1.2",
"@angular/cdk": "^7.3.7",
"@angular/common": "^8.1.2",
"@angular/compiler": "^8.1.2",
"@angular/core": "^8.1.2",
"@angular/forms": "^8.1.2",
"@angular/http": "^7.2.15",
"@angular/platform-browser": "^8.1.2",
"@angular/platform-browser-dynamic": "^8.1.2",
"@angular/platform-server": "^8.1.2",
"@angular/router": "^8.1.2",
"@types/chart.js": "^2.7.54",
"buffer": "^5.2.1",
"chart.js": "^2.7.2",
"core-js": "^2.5.7",
"events": "^3.0.0",
"fs": "0.0.1-security",
"jasmine": "^3.1.0",
"ng2-charts": "^1.6.0",
"ng2-dragula": "^2.1.1",
"ng2-pdf-viewer": "^5.0.1",
"node-sass": "^4.11.0",
"oidc-client": "^1.5.1",
"path": "^0.12.7",
"pdfjs-dist": "^2.0.489",
"rxjs": "^6.5.2",
"rxjs-compat": "^6.5.2",
"stream": "0.0.2",
"timers": "^0.1.1",
"web-animations-js": "^2.3.1",
"zone.js": "^0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.801.2",
"@angular/cli": "^8.1.2",
"@angular/compiler-cli": "^8.1.2",
"@angular/language-service": "^8.1.2",
"@angularclass/hmr": "^2.1.3",
"@compodoc/compodoc": "^1.1.10",
"@types/jasmine": "^3.3.14",
"@types/node": "^12.6.8",
"chai": "^4.1.2",
"codelyzer": "^5.1.0",
"convert-csv-to-json": "0.0.13",
"cucumber": "^4.2.1",
"cucumber-html-reporter": "^5.0.0",
"cucumber-junit": "^1.7.1",
"express-static": "^1.2.5",
"jasmine-core": "^3.4.0",
"jasmine-reporters": "^2.3.1",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^4.2.0",
"karma-chrome-launcher": "^3.0.0",
"karma-cli": "^2.0.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-html-reporter": "^0.2.7",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"karma-junit-reporter": "^1.2.0",
"karma-teamcity-reporter": "^1.1.0",
"moment": "^2.22.1",
"prettier": "1.13.4",
"protractor": "^5.4.2",
"protractor-beautiful-reporter": "^1.2.1",
"protractor-cucumber-framework": "^5.0.0",
"puppeteer": "^1.14.0",
"request": "^2.87.0",
"request-promise-native": "^1.0.5",
"ts-node": "^3.3.0",
"tslint": "^5.18.0",
"tslint-angular": "^1.1.2",
"typescript": "3.4.5",
"webpack-bundle-analyzer": "^3.3.2",
"xlsx": "^0.12.13"
},
"browser": {
"fs": false,
"path": false,
"os": false,
"crypto": false,
"stream": false,
"http": false,
"tls": false,
"zlib": false,
"https": false,
"net": false
}
}
그리고 나의 b.tsconfig.json파일은 다음과 같습니다.
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"baseUrl": "src",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2016",
"dom"
]
},
"angularCompilerOptions": {
"enableIvy": false
}
}
하지만 여전히 다음과 같은 오류가 발생합니다.
ERROR in ./node_modules/resolve/lib/async.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\resolve\lib'
ERROR in ./node_modules/resolve/lib/sync.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\resolve\lib'
ERROR in ./node_modules/resolve/lib/node-modules-paths.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\resolve\lib'
ERROR in ./node_modules/tslint/lib/utils.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\tslint\lib'
가능한 해결책을 찾았습니다. node_modules 중 하나에 몇 가지 구성을 넣어야 합니다.하지만 저는 그것이 좋은 해결책이 아니라고 생각합니다.모든 가져오기를 제거한 후 다시 설치하면 구성 가져오기가 사라지기 때문입니다.
감사해요.
좋아요, 제가 제거했어요
"fs": "0.0.1-security",
저는 모든 패키지(node_modules)를 삭제하고 npm 설치를 했습니다.
하지만 이제 이해가 가.
(node:13880) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 SIGINT listeners added. Use emitter.setMaxListeners() to increase limit
Binary found at C:\Source\nien\vital10-frontend\node_modules\node-sass\vendor\win32-x64-64\binding.node
Testing binary
Binary is fine
> vital10-frontend@0.55.0 postinstall C:\Source\nien\vital10-frontend
> node patch-webpack.js
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module 'C:\Source\nien\vital10-frontend\patch-webpack.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vital10-frontend@0.55.0 postinstall: `node patch-webpack.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vital10-frontend@0.55.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\nien\AppData\Roaming\npm-cache\_logs\2019-07-23T10_25_46_184Z-debug.log
PS C:\Source\nien\vital10-frontend>
그리고 내 소포.json 파일은 이제 다음과 같습니다.
{
"name": "vital10-frontend",
"version": "0.55.0",
"license": "Unlicensed",
"scripts": {
"ng": "ng",
"start": "ng serve",
"hmr": "ng serve --configuration hmr",
"build": "ng build",
"build:prod": "npm run sass:prod && npm run vit10prod",
"build:acc": "npm run sass:prod && npm run vit10acc",
"build:test": "npm run sass:prod && npm run vit10test",
"build:dev": "npm run sass:prod && npm run vit10dev",
"test": "ng test",
"test:cover": "ng test --code-coverage",
"lint": "ng lint",
"e2e": "ng e2e",
"local": "ng serve -c local",
"analyze-bundle": "webpack-bundle-analyzer dist/stats.json",
"postinstall": "node patch-webpack.js",
"sass:watch": "sass --watch sass:src\\assets",
"sass:prod": "sass --update -f --style compressed --sourcemap=none sass:src\\assets",
"vit10dev": "ng build --prod -c vit10dev",
"vit10test": "ng build --prod -c vit10test",
"vit10acc": "ng build --prod -c vit10acc",
"vit10prod": "ng build --prod -c production"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.1.2",
"@angular/cdk": "^7.3.7",
"@angular/common": "^8.1.2",
"@angular/compiler": "^8.1.2",
"@angular/core": "^8.1.2",
"@angular/forms": "^8.1.2",
"@angular/http": "^7.2.15",
"@angular/platform-browser": "^8.1.2",
"@angular/platform-browser-dynamic": "^8.1.2",
"@angular/platform-server": "^8.1.2",
"@angular/router": "^8.1.2",
"@types/chart.js": "^2.7.54",
"buffer": "^5.2.1",
"chart.js": "^2.7.2",
"core-js": "^2.5.7",
"events": "^3.0.0",
"jasmine": "^3.1.0",
"ng2-charts": "^1.6.0",
"ng2-dragula": "^2.1.1",
"ng2-pdf-viewer": "^5.0.1",
"node-sass": "^4.11.0",
"oidc-client": "^1.5.1",
"path": "^0.12.7",
"pdfjs-dist": "^2.0.489",
"rxjs": "^6.5.2",
"rxjs-compat": "^6.5.2",
"stream": "0.0.2",
"timers": "^0.1.1",
"web-animations-js": "^2.3.1",
"zone.js": "^0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.801.2",
"@angular/cli": "^8.1.2",
"@angular/compiler-cli": "^8.1.2",
"@angular/language-service": "^8.1.2",
"@angularclass/hmr": "^2.1.3",
"@compodoc/compodoc": "^1.1.10",
"@types/jasmine": "^3.3.14",
"@types/node": "^12.6.8",
"chai": "^4.1.2",
"codelyzer": "^5.1.0",
"convert-csv-to-json": "0.0.13",
"cucumber": "^4.2.1",
"cucumber-html-reporter": "^5.0.0",
"cucumber-junit": "^1.7.1",
"express-static": "^1.2.5",
"jasmine-core": "^3.4.0",
"jasmine-reporters": "^2.3.1",
"jasmine-spec-reporter": "^4.2.1",
"karma": "^4.2.0",
"karma-chrome-launcher": "^3.0.0",
"karma-cli": "^2.0.0",
"karma-coverage-istanbul-reporter": "^1.2.1",
"karma-html-reporter": "^0.2.7",
"karma-jasmine": "^2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"karma-junit-reporter": "^1.2.0",
"karma-teamcity-reporter": "^1.1.0",
"moment": "^2.22.1",
"prettier": "1.13.4",
"protractor": "^5.4.2",
"protractor-beautiful-reporter": "^1.2.1",
"protractor-cucumber-framework": "^5.0.0",
"puppeteer": "^1.14.0",
"request": "^2.87.0",
"request-promise-native": "^1.0.5",
"ts-node": "^3.3.0",
"tslint": "^5.18.0",
"tslint-angular": "^1.1.2",
"typescript": "3.4.5",
"webpack-bundle-analyzer": "^3.3.2",
"xlsx": "^0.12.13"
},
"browser": {
"fs": false,
"path": false,
"os": false,
"crypto": false,
"stream": false,
"http": false,
"tls": false,
"zlib": false,
"https": false,
"net": false
}
}
여전히 다음 오류가 발생합니다.
(node:15956) MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 SIGINT listeners added. Use emitter.setMaxListeners() to increase limit
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module 'C:\Source\nien\vital10-frontend\patch-webpack.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Function.Module.runMain (internal/modules/cjs/loader.js:829:12)
at startup (internal/bootstrap/node.js:283:19)
at bootstrapNodeJSCore (internal/bootstrap/node.js:622:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vital10-frontend@0.55.0 postinstall: `node patch-webpack.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vital10-frontend@0.55.0 postinstall script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\nien\AppData\Roaming\npm-cache\_logs\2019-07-23T10_59_04_891Z-debug.log
PS C:\Source\nien\vital10-frontend>
아직도 세 가지 오류가 있습니다.
ERROR in ./node_modules/resolve/lib/async.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\resolve\lib'
ERROR in ./node_modules/resolve/lib/sync.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\resolve\lib'
ERROR in ./node_modules/tslint/lib/utils.js
Module not found: Error: Can't resolve 'fs' in 'C:\Source\nien\vital10-frontend\node_modules\tslint\lib'
i ｢wdm｣: Failed to compile.
는 이오는다같습다니과음류 입니다.angular-cli는 "fs" 및 "path"와 같은 노드의 모듈을 지원하지 않습니다. (이슈)
다음을 "package.json" 파일의 루트에 추가합니다.
"browser": {
"fs": false,
"path": false,
"os": false
}
Angular CLI가 만드는 것과 같은 Angular 앱은 브라우저 앱입니다.fs는 브라우저에서 사용할 수 없으며 노드 앱에서만 사용할 수 있습니다.
위해서Webpack > 5
갱다하webpack.config.js
module.exports = {
...
resolve: {
fallback: {
"fs": false
},
}
}
웹팩 #447과 함께 번들로 제공되는 경우 'fs'를 확인할 수 없습니다.
저에게 해결책은 이것을 웹팩 구성에 추가하는 것이었습니다.
config.node = {
fs: 'empty',
}
NuxtJS를 사용하는 경우 다른 솔루션:
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
extend(config, {}) {
config.node = {
fs: 'empty'
}
}
},
NextJS를 사용하는 경우(테스트되지 않음, 주석에서 작동하는지 확인하십시오):
webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => {
config.node = {
fs: 'empty'
}
return config
},
그 외의 경우에는 Anjana Silva 게시물을 참고하시기 바랍니다.패키지의 편집입니다.json 파일이 그 일을 할 수 있습니다!
NextJS 12의 경우: next.config.js
module.exports = (phase, { defaultConfig }) => {
return {
...defaultConfig,
webpack: (config) => {
config.resolve = {
...config.resolve,
fallback: {
"fs": false,
"path": false,
"os": false,
}
}
return config
},
}
}
tl;dr
Node.js 파일을 하는 사용자의 경우: 추target: node에▁webpack.config.jsjava.
설명.
이것이 Angular 질문이라는 것을 알지만 Node.js에 대해 응답하는 사람들은 기본적으로 웹팩이 Node.js에서만 제공되는 모듈이 없는 브라우저 대상에 대해 응답한다는 것을 명심해야 합니다.환경이 에 node.js로 .target: node.
그냥추를 추가하세요.{node:'empty'}의 신에게에.webpack.configjava.
Nuxt를 사용합니다.JS @thismismyname 솔루션을 사용하여 nuxt.config.js에 다음과 같이 추가했습니다.
// Build Configuration: https://go.nuxtjs.dev/config-build
build: {
extend(config, {}) {
config.node = {
fs: 'empty'
}
}
},
네트워크 요청에 대해 axios를 사용하고 있기 때문에 동일한 오류가 발생했지만 실수로 인해 앱에서 redirect를 입력하고 Enter 키를 눌렀고 코드 완료에서 "next/dist/next-server/server/api-utils"에서 'import {redirect}'를 가져왔습니다. 이 줄을 제거하면 'next build'를 계속할 수 있습니다.
다음 링크를 참조하십시오. https://github.com/vercel/next.js/issues/9768
라벨 믹스가 있는 라벨 8을 사용하는 모든 사용자 ^5
mix.webpackConfig({
resolve: {
fallback: { fs: false }
}
});
이것은 웹팩 < 5:mix.webpackConfig({ node: { fs: 'empty', } })
이것을 당신의 것에 추가합니다.webpack.mix.js
당신은 이 단계들을 시도할 수 있습니까?
- 삭제
node_modules - 삭제
package-lock.json - 제거한다.
"fs": "0.0.1-security"부터package.json npm install --save
리액터 next js를 사용하시는 분들을 위해.express에서 json을 자동으로 가져오기 때문에 발생할 수 있습니다!
import { json } from 'express'
따라서 이 줄을 자동으로 가져오지 않았는지 확인하십시오.
바로 위에 아래쪽에 가까운 곳에 추가합니다.
devtool: options.devtool ...
node: { fs: 'empty' },
이로 인해 웹 팩이 fs 종속성을 무시하게 됩니다.
예.
resolve: {
modules: ['app', 'node_modules'],
extensions: [
'.js',
'.jsx',
'.react.js',
],
mainFields: [
'browser',
'jsnext:main',
'main',
],
},
node: { fs: 'empty' },
devtool: options.devtool,
target: 'web', // Make web variables accessible to webpack, e.g. window
performance: options.performance || {},
});
서버 측을 사용하여 NextJS를 사용하는 경우 getStaticProps와 같은 기능에서 사용할 수 있습니다.
저도 같은 문제가 있어요.하지만 내 폴더의 이름을 바꾼 후에c#로.csharp문제가 해결
라라벨 믹스(^4.0)의 경우, 다음을 사용하여 해결했습니다.
mix.webpackConfig({
"node": {
fs: 'empty',
}
});
webpack.mix.js에서
제가 직면한 문제는 누군가가 추가했다는 것입니다.node에게tsconfig.spec.json.
문제를 해결한 것을 제거했습니다.
{
"compilerOptions": {
"types": [
...
"node", // Remove this line
]
}
}
비반응 앱에 대한 웹 팩 동작이며 웹 팩 구성의 외부 개체에 오류 반환을 추가해야 합니다.오류 로그에 'syslog-native-fs' 및 'fs' 자체가 표시되었습니다.다음을 추가한 다음 외부를 다시 빌드합니다. { 'react-native-fs': 'reactNativeFs', 'fs': 'reactNativeFs'}
전자 렌더러 프로세스의 경우 웹 팩 구성 파일에서 대상을 다음과 같이 변경합니다.
target: 'electron-renderer'
전자용 웹팩의 대상 옵션에 대한 자세한 내용은 다음 페이지를 참조하십시오. https://webpack.js.org/configuration/target/
Angular 내에서 전자를 요구하고 전자 기능을 사용하려고 했기 때문에 오류가 발생했습니다.예를 들어 다음과 같은 작업을 수행하는 대신,
const { dialog } = require('electron');
IPC를 사용하여 전자 프로세스에 메시지를 보냅니다.
import { IpcRenderer, IpcRendererEvent } from 'electron';
언급URL : https://stackoverflow.com/questions/57161839/module-not-found-error-cant-resolve-fs-in
'programing' 카테고리의 다른 글
| Excel VBA를 사용하여 파일 이름 바꾸기 (0) | 2023.05.09 |
|---|---|
| 변경된 속성 및 자동 속성 알림 (0) | 2023.05.09 |
| C# 8은 를 지원합니까?NET Framework? (0) | 2023.05.09 |
| Angular 4: 부트스트랩을 어떻게 포함합니까? (0) | 2023.05.09 |
| iPhone UI 텍스트 필드 - 자리 표시자 텍스트 색상 변경 (0) | 2023.05.09 |