質問編集履歴

2

初心者マーク

2020/05/26 10:21

投稿

tenlife
tenlife

スコア70

test CHANGED
@@ -1 +1 @@
1
- firebaseでデプロイしたサイトがiphoneだと表示されない。entrypoint size limit: The following entrypoint(s) combined asset
1
+ firebaseでデプロイしたサイトがiphoneだと表示されない。
test CHANGED
@@ -16,73 +16,99 @@
16
16
 
17
17
  iphoneではhttps://iphonet.info/archives/354を参考にキャッシュを削除しましたが、うまくいかず。。
18
18
 
19
+ testの文字だけ表示され、その後表示が変わりません。
19
20
 
20
21
 
21
22
 
22
-
23
- ```terminal
24
-
25
- ⠦ Building for production...
23
+ 個人的にはpublic/index.htmlやmain.jsなどが怪しいと思っています。
26
24
 
27
25
 
28
26
 
29
- WARNING Compiled with 3 warnings 16:34:40
27
+ ```ここに言語を入力
30
28
 
29
+ <!DOCTYPE html>
31
30
 
31
+ <html lang="en">
32
32
 
33
- warning
33
+ <head>
34
34
 
35
- asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
35
+ <meta charset="utf-8">
36
36
 
37
- This can impact web performance.
37
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
38
38
 
39
- Assets:
39
+ <meta name="viewport" content="width=device-width,initial-scale=1.0">
40
40
 
41
- js/chunk-vendors.3435ce6c.js (1.31 MiB)
41
+ <link rel="icon" href="<%= BASE_URL %>favicon.ico">
42
42
 
43
+ <title><%= htmlWebpackPlugin.options.title %></title>
43
44
 
45
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
44
46
 
45
- warning
47
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
46
48
 
49
+ </head>
47
50
 
51
+ <body>
48
52
 
49
- entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
53
+ <noscript>
50
54
 
51
- Entrypoints:
55
+ <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
52
56
 
53
- app (1.54 MiB)
57
+ </noscript>
54
58
 
55
- css/chunk-vendors.94bc0478.css
59
+ <div id="app">test</div>
56
60
 
57
- js/chunk-vendors.3435ce6c.js
61
+ <!-- built files will be auto injected -->
58
62
 
59
- css/app.fb85ede6.css
63
+ </body>
60
64
 
61
- js/app.a0cbcf9d.js
65
+ </html>
66
+
67
+ ```
68
+
69
+ ```ここに言語を入力
70
+
71
+ import Vue from 'vue'
72
+
73
+ import App from './App.vue'
74
+
75
+ import router from './router'
76
+
77
+ import store from './store'
78
+
79
+ import Vuelidate from 'vuelidate'
80
+
81
+ import BootstrapVue from 'bootstrap-vue'
82
+
83
+ import 'bootstrap/dist/css/bootstrap.css'
84
+
85
+ import 'bootstrap-vue/dist/bootstrap-vue.css'
62
86
 
63
87
 
64
88
 
65
89
 
66
90
 
67
- warning
91
+ Vue.config.productionTip = false
68
92
 
69
93
 
70
94
 
71
- webpack performance recommendations:
95
+ Vue.use(Vuelidate)
72
96
 
73
- You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
74
-
75
- For more info visit https://webpack.js.org/guides/code-splitting/
97
+ Vue.use(BootstrapVue)
76
-
77
- ```
78
98
 
79
99
 
80
100
 
81
- ターミナルを確認すると容量の事で何か言われている気がしたので、
101
+ new Vue({
82
102
 
83
- http://oisham.hatenablog.com/entry/2019/04/08/094108
103
+ router,
84
104
 
105
+ store,
106
+
107
+ render: h => h(App)
108
+
85
- https://qiita.com/terrierscript/items/f840b5ccff0c0be7420a
109
+ }).$mount('#app')
110
+
111
+ ```
86
112
 
87
113
 
88
114
 

1

初心者マーク

2020/05/26 10:21

投稿

tenlife
tenlife

スコア70

test CHANGED
File without changes
test CHANGED
@@ -90,44 +90,6 @@
90
90
 
91
91
 
92
92
 
93
-
94
-
95
-
96
-
97
-
98
-
99
- **確認**
100
-
101
- 下記のサイトをみましたが、ここら辺に関してはかなり自分の理解が無知だと思っています。確認したいのですが、ここら辺の部分は関係あるのでしょうか?
102
-
103
- https://qiita.com/ryouzi/items/5b0158ba1a77bf4b6004#packagejson
104
-
105
-
106
-
107
- babel.config.jsonファイルの中身です。検索結果ではwebpackのことを言っていましたが自分はwebpack.mix.jsonはありません。
108
-
109
- npmでpackage.jsonとbabel.config.jsonです。
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
- ```babel
118
-
119
- module.exports = {
120
-
121
- presets: [
122
-
123
- ['@vue/cli-plugin-babel/preset']
124
-
125
- }
126
-
127
- ```
128
-
129
-
130
-
131
93
  どなたか知恵を貸していただきたいです。
132
94
 
133
95