2017-12-03 17 views
0

내가 이온 3 응용 프로그램을 가지고 있고, 어떤 이유로, 그것은 실행되지 않는 것 ./node_modules/firebase/auth/index.js ionic cordova run android이온 3 중포 기지 오류 :

나는 중포 기지를 다운 그레이드 및 안드로이드와 함께 @firebase 위해 노력했다 6.4.06.3.2 사이에 너무 많은 라이브러리 및 종속성의 버전을 조정하십시오!

이것은 샌드 박스 프로젝트에서도 계속 발생했습니다! 인터넷을 검색했지만 새로운 오류 인 것 같습니다!

require('@firebase/auth'); // only one line, and when I click on it it's pointing to `node_modules/firebase/node_modules/@firebase/auth/dist/auth.js` 

ionic info 출력 :

cli packages: (/usr/local/lib/node_modules) 

    @ionic/cli-utils : 1.19.0 
    ionic (Ionic CLI) : 3.19.0 

global packages: 

    cordova (Cordova CLI) : 7.1.0 

local packages: 

    @ionic/app-scripts : 3.1.2 
    Cordova Platforms : android 6.3.0 
    Ionic Framework : ionic-angular 3.9.2 

System: 

    Android SDK Tools : 25.2.5 
    ios-deploy  : 1.9.2 
    ios-sim   : 6.1.2 
    Node    : v8.9.1 
    npm    : 5.2.0 
    OS    : macOS High Sierra 
    Xcode    : Xcode 9.1 Build version 9B55 

Environment Variables: 

정확한을

오류를 읽을 때 당신이 그것을 따라서 여기에이 파일의 내용은 약 Error: Can't resolve '@firebase/auth'node_modules/firebase/auth에 compalining있어 것을 알 수 아래 로그인 오류는 다음과 같습니다 :

[21:34:40] copy finished in 6.73 s 
Error: ./node_modules/firebase/auth/index.js 
Module not found: Error: Can't resolve '@firebase/auth' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/auth' 
resolve '@firebase/auth' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/auth' 
    Parsed request is a module 
    using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./auth) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./auth) 
    resolve as module 
     looking for modules in /Users/Mike/Code/ionic/foo-bar/node_modules 
     using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules/@firebase/auth) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.json doesn't exist 
      as directory 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth doesn't exist 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.ts] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.js] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth.json] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/auth] 
@ ./node_modules/firebase/auth/index.js 17:0-25 
@ ./node_modules/angularfire2/auth/auth.module.js 
@ ./node_modules/angularfire2/auth/public_api.js 
@ ./node_modules/angularfire2/auth/index.js 
@ ./src/app/app.module.ts 
@ ./src/app/main.ts,./node_modules/firebase/database/index.js 
Module not found: Error: Can't resolve '@firebase/database' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/database' 
resolve '@firebase/database' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/database' 
    Parsed request is a module 
    using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./database) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./database) 
    resolve as module 
     looking for modules in /Users/Mike/Code/ionic/foo-bar/node_modules 
     using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules/@firebase/database) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.json doesn't exist 
      as directory 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database doesn't exist 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.ts] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.js] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database.json] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/database] 
@ ./node_modules/firebase/database/index.js 17:17-46 
@ ./node_modules/firebase/index.js 
@ ./src/providers/imgHandler.ts 
@ ./src/app/app.module.ts 
@ ./src/app/main.ts,./node_modules/firebase/firestore/index.js 
Module not found: Error: Can't resolve '@firebase/firestore' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/firestore' 
resolve '@firebase/firestore' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/firestore' 
    Parsed request is a module 
    using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./firestore) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./firestore) 
    resolve as module 
     looking for modules in /Users/Mike/Code/ionic/foo-bar/node_modules 
     using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules/@firebase/firestore) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.json doesn't exist 
      as directory 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore doesn't exist 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.ts] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.js] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore.json] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/firestore] 
@ ./node_modules/firebase/firestore/index.js 17:0-30 
@ ./node_modules/angularfire2/firestore/firestore.js 
@ ./node_modules/angularfire2/firestore/public_api.js 
@ ./node_modules/angularfire2/firestore/index.js 
@ ./src/app/app.module.ts 
@ ./src/app/main.ts,./node_modules/firebase/messaging/index.js 
Module not found: Error: Can't resolve '@firebase/messaging' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/messaging' 
resolve '@firebase/messaging' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/messaging' 
    Parsed request is a module 
    using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./messaging) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./messaging) 
    resolve as module 
     looking for modules in /Users/Mike/Code/ionic/foo-bar/node_modules 
     using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules/@firebase/messaging) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.json doesn't exist 
      as directory 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging doesn't exist 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.ts] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.js] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging.json] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/messaging] 
@ ./node_modules/firebase/messaging/index.js 17:0-30 
@ ./node_modules/firebase/index.js 
@ ./src/providers/imgHandler.ts 
@ ./src/app/app.module.ts 
@ ./src/app/main.ts,./node_modules/firebase/storage/index.js 
Module not found: Error: Can't resolve '@firebase/storage' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/storage' 
resolve '@firebase/storage' in '/Users/Mike/Code/ionic/foo-bar/node_modules/firebase/storage' 
    Parsed request is a module 
    using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./storage) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /Users/Mike/Code/ionic/foo-bar/node_modules/firebase/package.json (relative path: ./storage) 
    resolve as module 
     looking for modules in /Users/Mike/Code/ionic/foo-bar/node_modules 
     using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules) 
      using description file: /Users/Mike/Code/ionic/foo-bar/package.json (relative path: ./node_modules/@firebase/storage) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.json doesn't exist 
      as directory 
       /Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage doesn't exist 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.ts] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.js] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage.json] 
[/Users/Mike/Code/ionic/foo-bar/node_modules/@firebase/storage] 
@ ./node_modules/firebase/storage/index.js 17:0-28 
@ ./node_modules/firebase/index.js 
@ ./src/providers/imgHandler.ts 
@ ./src/app/app.module.ts 
@ ./src/app/main.ts 
    at new BuildError (/Users/Mike/Code/ionic/foo-bar/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28) 
    at callback (/Users/Mike/Code/ionic/foo-bar/node_modules/@ionic/app-scripts/dist/webpack.js:121:28) 
    at emitRecords.err (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/Compiler.js:269:13) 
    at Compiler.emitRecords (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/Compiler.js:375:38) 
    at emitAssets.err (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/Compiler.js:262:10) 
    at applyPluginsAsyncSeries1.err (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/Compiler.js:368:12) 
    at next (/Users/Mike/Code/ionic/foo-bar/node_modules/tapable/lib/Tapable.js:218:11) 
    at Compiler.compiler.plugin (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/performance/SizeLimitsPlugin.js:99:4) 
    at Compiler.applyPluginsAsyncSeries1 (/Users/Mike/Code/ionic/foo-bar/node_modules/tapable/lib/Tapable.js:222:13) 
    at Compiler.afterEmit (/Users/Mike/Code/ionic/foo-bar/node_modules/webpack/lib/Compiler.js:365:9) 

package.json :

{ 
    "name": "foo-bar", 
    "version": "2.0.1", 
    "author": "Optimatec", 
    "homepage": "http://ionicframework.com/", 
    "private": true, 
    "scripts": { 
    "clean": "ionic-app-scripts clean", 
    "build": "ionic-app-scripts build", 
    "lint": "ionic-app-scripts lint", 
    "ionic:build": "ionic-app-scripts build", 
    "ionic:serve": "ionic-app-scripts serve" 
    }, 
    "dependencies": { 
    "@angular/common": "4.4.4", 
    "@angular/compiler": "4.4.4", 
    "@angular/compiler-cli": "4.4.4", 
    "@angular/core": "4.4.4", 
    "@angular/forms": "4.4.4", 
    "@angular/http": "4.4.4", 
    "@angular/platform-browser": "4.4.4", 
    "@angular/platform-browser-dynamic": "4.4.4", 
    "@ionic-native/app-version": "^4.4.2", 
    "@ionic-native/call-number": "4.3.0", 
    "@ionic-native/camera": "4.3.0", 
    "@ionic-native/clipboard": "^4.4.2", 
    "@ionic-native/core": "4.3.0", 
    "@ionic-native/diagnostic": "4.3.0", 
    "@ionic-native/facebook": "4.3.0", 
    "@ionic-native/file": "4.3.0", 
    "@ionic-native/file-chooser": "4.3.0", 
    "@ionic-native/file-path": "4.3.0", 
    "@ionic-native/file-transfer": "^4.4.2", 
    "@ionic-native/firebase": "4.3.0", 
    "@ionic-native/geolocation": "4.3.0", 
    "@ionic-native/google-maps": "4.3.0", 
    "@ionic-native/google-plus": "4.3.0", 
    "@ionic-native/in-app-browser": "4.3.0", 
    "@ionic-native/launch-navigator": "4.3.0", 
    "@ionic-native/onesignal": "4.3.0", 
    "@ionic-native/social-sharing": "4.3.0", 
    "@ionic-native/splash-screen": "4.3.0", 
    "@ionic-native/status-bar": "4.3.0", 
    "@ionic-native/vibration": "4.3.0", 
    "@ionic/storage": "2.1.3", 
    "@ngx-translate/core": "8.0.0", 
    "@ngx-translate/http-loader": "2.0.0", 
    "angular2-moment": "^1.7.0", 
    "angularfire2": "^5.0.0-rc.0", 
    "branch-cordova-sdk": "^2.6.18", 
    "call-number": "^1.0.1", 
    "com.googlemaps.ios": "https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk", 
    "cordova-android": "^6.3.0", 
    "cordova-clipboard": "^1.1.1", 
    "cordova-plugin-actionsheet": "^2.3.3", 
    "cordova-plugin-app-version": "^0.1.9", 
    "cordova-plugin-camera": "^2.4.1", 
    "cordova-plugin-compat": "^1.2.0", 
    "cordova-plugin-device": "^1.1.7", 
    "cordova-plugin-dialogs": "^1.3.4", 
    "cordova-plugin-facebook4": "^1.9.1", 
    "cordova-plugin-file": "^5.0.0", 
    "cordova-plugin-file-transfer": "^1.7.0", 
    "cordova-plugin-filechooser": "^1.0.1", 
    "cordova-plugin-filepath": "^1.1.0", 
    "cordova-plugin-firebase": "^0.1.24", 
    "cordova-plugin-geolocation": "^2.4.3", 
    "cordova-plugin-googlemaps": "^2.1.1", 
    "cordova-plugin-googlemaps-sdk": "git+https://github.com/mapsplugin/cordova-plugin-googlemaps-sdk.git", 
    "cordova-plugin-googleplus": "^5.1.1", 
    "cordova-plugin-inappbrowser": "^1.7.2", 
    "cordova-plugin-splashscreen": "^4.1.0", 
    "cordova-plugin-statusbar": "^2.3.0", 
    "cordova-plugin-vibration": "^2.1.6", 
    "cordova-plugin-whitelist": "^1.3.3", 
    "cordova-plugin-x-socialsharing": "^5.2.1", 
    "cordova.plugins.diagnostic": "^3.7.2", 
    "es6-promise-plugin": "^4.1.0", 
    "firebase": "^4.5.0", 
    "ionic-angular": "^3.7.1", 
    "ionic-img-viewer": "2.7.0", 
    "ionic-plugin-keyboard": "^2.2.1", 
    "ionic2-rating": "^1.2.2", 
    "ionicons": "3.0.0", 
    "moment": "^2.19.2", 
    "onesignal-cordova-plugin": "^2.2.4", 
    "promise-polyfill": "6.1.0", 
    "rxjs": "5.4.3", 
    "sw-toolbox": "3.6.0", 
    "uk.co.workingedge.phonegap.plugin.launchnavigator": "^4.1.0", 
    "zone.js": "0.8.18" 
    }, 
    "devDependencies": { 
    "@ionic/app-scripts": "3.1.2", 
    "typescript": "2.4.0" 
    }, 
    "description": "An Ionic project", 
    "cordova": { 
    "plugins": { 
     "cordova-plugin-x-socialsharing": {}, 
     "cordova-plugin-device": {}, 
     "cordova-plugin-splashscreen": {}, 
     "cordova-plugin-statusbar": {}, 
     "cordova-plugin-whitelist": {}, 
     "ionic-plugin-keyboard": {}, 
     "cordova-plugin-firebase": {}, 
     "call-number": {}, 
     "mx.ferreyra.callnumber": {}, 
     "cordova-plugin-vibration": {}, 
     "cordova-plugin-facebook4": { 
     "APP_ID": "15196419", 
     "APP_NAME": "FooBar" 
     }, 
     "cordova-plugin-camera": {}, 
     "onesignal-cordova-plugin": {}, 
     "cordova-plugin-inappbrowser": {}, 
     "cordova-plugin-googleplus": { 
     "REVERSED_CLIENT_ID": "com.googleusercontent.app" 
     }, 
     "cordova.plugins.diagnostic": {}, 
     "cordova-plugin-filechooser": {}, 
     "cordova-plugin-filepath": {}, 
     "branch-cordova-sdk": {}, 
     "uk.co.workingedge.phonegap.plugin.launchnavigator": {}, 
     "cordova-clipboard": {}, 
     "cordova-plugin-app-version": {}, 
     "cordova-plugin-file-transfer": {}, 
     "cordova-plugin-googlemaps": { 
     "API_KEY_FOR_ANDROID": "AIzaSyBYJVEVRyo7Az", 
     "API_KEY_FOR_IOS": "AIzaSyCqe2DU", 
     "LOCATION_WHEN_IN_USE_DESCRIPTION": "Show your location on the map", 
     "LOCATION_ALWAYS_USAGE_DESCRIPTION": "Trace your location on the map" 
     }, 
     "cordova-plugin-geolocation": { 
     "GEOLOCATION_USAGE_DESCRIPTION": "To display to you the most close places based on your location" 
     }, 
     "com.googlemaps.ios": {}, 
     "cordova-plugin-file": {} 
    }, 
    "platforms": [ 
     "android" 
    ] 
    } 
} 
+0

내가'node_modules'와'패키지 lock.json' 심지어 삭제 'plugins' 폴더를 제거하는 구글 맵 네이티브가 안드로이드에서 작동하지 않습니다, 그것은 회색 배경만을 제공하고 있습니다! –

+0

'node_modules/firebase/@ firebase /'의 내용을'node_modules/@ firebase /'에 복사하는 바보 같은 해결 방법이 있습니다. 그러나'ionic cordova run' 또는'build'를 실행할 때마다 취소됩니다 !! 분명히 firebase 및 angularfire –

답변

0

그것은 그래서 를 다운 그레이드 4.7.0 안 중포 기지 버전에 대한 모든했다.

마법이다 : 나는 이것보다 더 큰 문제를 갖고 있기 때문에 확실히

npm install [email protected] --save

+0

및 btw 내에서, 나는 노드 버전 때문에 많은 문제에 직면했다! npm은 아니고 노드 자체도 npm은 5.5.1 버전에서 잘 작동했지만 노드를 v9.2.0으로 업데이트했고 Google지도 네이티브 회색 배경 문제를 도와주었습니다. –