質問編集履歴
1
情報の追加・修正依頼に伴い、package.jsonの内容を追記いたしました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
### Monaca + Onsen UI + Vueでハイブリッドアプリを作っています。
|
|
2
2
|
|
|
3
|
+
### 前提・実現したいこと
|
|
3
4
|
昨年からハイブリッドアプリを作っており、最近になってMonacaにてCordovaのバージョンを9.0.0から10.0.0にアップグレードしました。
|
|
4
5
|
その後、今まで実装したアプリの動作確認を行なったところ、端末上部のステータスバー(電波マークや時計など)とアプリ上部にあるツールバーが重なるようなレイアウトになりました。
|
|
5
6
|
|
|
@@ -34,4 +35,112 @@
|
|
|
34
35
|
[https://github.com/vercel/next.js/issues/17236](https://github.com/vercel/next.js/issues/17236)
|
|
35
36
|
[https://github.com/webpack-contrib/postcss-loader/issues/482](https://github.com/webpack-contrib/postcss-loader/issues/482)
|
|
36
37
|
|
|
37
|
-
どなたか、解決の糸口となるような情報をお持ちの方がいらっしゃれば、是非とも共有をよろしくお願いいたします。
|
|
38
|
+
どなたか、解決の糸口となるような情報をお持ちの方がいらっしゃれば、是非とも共有をよろしくお願いいたします。
|
|
39
|
+
|
|
40
|
+
### 補足情報
|
|
41
|
+
上記事象が発生した際のpackage.jsonは以下のようになっております。
|
|
42
|
+
なお、cordova-plugin-customurlschemeのURL_SCHEMEの定義については念のため伏せさせていただきますことご了承ください。
|
|
43
|
+
|
|
44
|
+
{
|
|
45
|
+
"name": "onsenui-v2-vue-minimum",
|
|
46
|
+
"version": "4.0.7",
|
|
47
|
+
"description": "",
|
|
48
|
+
"scripts": {
|
|
49
|
+
"build": "webpack --mode production",
|
|
50
|
+
"lint": "eslint 'src/**/*.{js,vue}'",
|
|
51
|
+
"lint:fix": "eslint --fix 'src/**/*.{js,vue}'",
|
|
52
|
+
"dev": "webpack-serve --open",
|
|
53
|
+
"monaca:debug": "npm run watch",
|
|
54
|
+
"monaca:preview": "npm run dev & npm run watch",
|
|
55
|
+
"monaca:transpile": "npm run build",
|
|
56
|
+
"test": "jest",
|
|
57
|
+
"watch": "webpack --watch --mode production",
|
|
58
|
+
"doc:gen": "rm -rf website && npx vuese gen",
|
|
59
|
+
"doc:serve": "vuese serve --open",
|
|
60
|
+
"doc": "npm run doc:gen && npm run doc:serve"
|
|
61
|
+
},
|
|
62
|
+
"dependencies": {
|
|
63
|
+
"@vue/cli-service": "^3.12.1",
|
|
64
|
+
"autoprefixer": "^9.8.6",
|
|
65
|
+
"axios": "^0.19.2",
|
|
66
|
+
"cordova-custom-config": "5.1.0",
|
|
67
|
+
"cordova-plugin-camera": "5.0.1",
|
|
68
|
+
"cordova-plugin-customurlscheme": "",
|
|
69
|
+
"cordova-plugin-email-composer": "",
|
|
70
|
+
"cordova-plugin-inappbrowser": "5.0.0",
|
|
71
|
+
"cordova-plugin-splashscreen": "6.0.0",
|
|
72
|
+
"cordova-plugin-vibration": "3.1.1",
|
|
73
|
+
"cordova-plugin-whitelist": "1.3.4",
|
|
74
|
+
"json-loader": "^0.5.7",
|
|
75
|
+
"monaca-plugin-monaca-core": "3.3.1",
|
|
76
|
+
"ncmb": "github:NCMBMania/ncmb_js#master",
|
|
77
|
+
"ncmb-push-monaca-plugin": "3.0.11",
|
|
78
|
+
"onsenui": "^2.11.2",
|
|
79
|
+
"postcss": "^8.3.0",
|
|
80
|
+
"postcss-base64": "^0.7.1",
|
|
81
|
+
"postcss-nested": "^5.0.5",
|
|
82
|
+
"postcss-preset-env": "^6.7.0",
|
|
83
|
+
"postcss-reporter": "^7.0.2",
|
|
84
|
+
"vee-validate": "^3.3.8",
|
|
85
|
+
"vue": "^2.6.10",
|
|
86
|
+
"vue-onsenui": "^2.6.2",
|
|
87
|
+
"vuex": "^3.5.1"
|
|
88
|
+
},
|
|
89
|
+
"devDependencies": {
|
|
90
|
+
"@vue/cli-plugin-eslint": "^4.5.9",
|
|
91
|
+
"@vue/eslint-config-airbnb": "^5.0.2",
|
|
92
|
+
"@vue/test-utils": "^1.1.2",
|
|
93
|
+
"@vuese/cli": "^2.14.3",
|
|
94
|
+
"babel-core": "^6.26.3",
|
|
95
|
+
"babel-jest": "^26.6.3",
|
|
96
|
+
"babel-loader": "^7.1.5",
|
|
97
|
+
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
|
98
|
+
"babel-preset-env": "^1.7.0",
|
|
99
|
+
"cordova": "^10.0.0",
|
|
100
|
+
"css-loader": "^1.0.0",
|
|
101
|
+
"cssnano": "^4.0.2",
|
|
102
|
+
"eslint": "^6.7.2",
|
|
103
|
+
"eslint-config-prettier": "^6.11.0",
|
|
104
|
+
"eslint-plugin-import": "^2.20.2",
|
|
105
|
+
"eslint-plugin-prettier": "^3.1.4",
|
|
106
|
+
"eslint-plugin-vue": "^7.4.1",
|
|
107
|
+
"file-loader": "^1.1.11",
|
|
108
|
+
"html-loader": "^0.5.5",
|
|
109
|
+
"html-webpack-plugin": "^3.2.0",
|
|
110
|
+
"jest": "^26.6.3",
|
|
111
|
+
"jest-localstorage-mock": "^2.4.6",
|
|
112
|
+
"jest-websocket-mock": "^2.2.0",
|
|
113
|
+
"mini-css-extract-plugin": "^0.4.1",
|
|
114
|
+
"mock-socket": "^9.0.3",
|
|
115
|
+
"postcss-cssnext": "^3.1.0",
|
|
116
|
+
"postcss-import": "^11.1.0",
|
|
117
|
+
"postcss-loader": "^2.1.6",
|
|
118
|
+
"postcss-url": "^7.3.2",
|
|
119
|
+
"prettier": "^2.1.1",
|
|
120
|
+
"progress-bar-webpack-plugin": "^1.11.0",
|
|
121
|
+
"style-loader": "^0.21.0",
|
|
122
|
+
"vue-jest": "^3.0.7",
|
|
123
|
+
"vue-loader": "^15.2.4",
|
|
124
|
+
"vue-template-compiler": "^2.6.10",
|
|
125
|
+
"webpack": "^4.16.1",
|
|
126
|
+
"webpack-cli": "^3.0.8",
|
|
127
|
+
"webpack-serve": "^2.0.2",
|
|
128
|
+
"yargs": "^12.0.1"
|
|
129
|
+
},
|
|
130
|
+
"cordova": {
|
|
131
|
+
"plugins": {
|
|
132
|
+
"cordova-custom-config": {},
|
|
133
|
+
"cordova-plugin-splashscreen": {},
|
|
134
|
+
"cordova-plugin-whitelist": {},
|
|
135
|
+
"monaca-plugin-monaca-core": {},
|
|
136
|
+
"cordova-plugin-inappbrowser": {},
|
|
137
|
+
"cordova-plugin-camera": {},
|
|
138
|
+
"cordova-plugin-customurlscheme": {
|
|
139
|
+
"URL_SCHEME": ""
|
|
140
|
+
},
|
|
141
|
+
"cordova-plugin-email-composer": {},
|
|
142
|
+
"cordova-plugin-vibration": {},
|
|
143
|
+
"ncmb-push-monaca-plugin": {}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|