質問編集履歴

1

編集

2022/04/06 02:20

投稿

tomaa
tomaa

スコア84

test CHANGED
File without changes
test CHANGED
@@ -72,7 +72,96 @@
72
72
 
73
73
  ![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2022-04-05/cfc33fae-5fff-4497-b407-fca60dd25600.png)
74
74
 
75
+ 8.ブラウザで表示されているindex.htmlのview-sourceを確認
75
76
 
77
+ *CSSが関係している以下の箇所のリンクをクリックすると404エラーとなる
78
+
79
+ index.html
80
+ ```ここに言語を入力
81
+ <!DOCTYPE html>
82
+ <html>
83
+ <head>
84
+ <meta name="viewport" content="width=device-width"/>
85
+ <meta charSet="utf-8"/>
86
+ <title>Create Next App</title>
87
+ <meta name="description" content="Generated by create next app"/>
88
+ <link rel="icon" href="/favicon.ico"/>
89
+ <meta name="next-head-count" content="5"/>
90
+ <link rel="preload" href="/_next/static/css/27d177a30947857b.css" as="style"/>
91
+ <link rel="stylesheet" href="/_next/static/css/27d177a30947857b.css" data-n-g=""/>
92
+ <link rel="preload" href="/_next/static/css/149b18973e5508c7.css" as="style"/>
93
+ <link rel="stylesheet" href="/_next/static/css/149b18973e5508c7.css" data-n-p=""/>
94
+ <noscript data-n-css=""></noscript>
95
+ <script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script>
96
+ <script src="/_next/static/chunks/webpack-69bfa6990bb9e155.js" defer=""></script>
97
+ <script src="/_next/static/chunks/framework-00b57966872fc495.js" defer=""></script>
98
+ <script src="/_next/static/chunks/main-551bef8982a15171.js" defer=""></script>
99
+ <script src="/_next/static/chunks/pages/_app-f55443f2448c8e66.js" defer=""></script>
100
+ <script src="/_next/static/chunks/pages/index-bf8a59545a570ee7.js" defer=""></script>
101
+ <script src="/_next/static/vL3f544dl4bgUK74SRA_c/_buildManifest.js" defer=""></script>
102
+ <script src="/_next/static/vL3f544dl4bgUK74SRA_c/_ssgManifest.js" defer=""></script>
103
+ <script src="/_next/static/vL3f544dl4bgUK74SRA_c/_middlewareManifest.js" defer=""></script>
104
+ </head>
105
+ <body>
106
+ <div id="__next">
107
+ <div class="Home_container__bCOhY">
108
+ <main class="Home_main__nLjiQ"><h1 class="Home_title__T09hD">Welcome to <!-- --><a href="https://nextjs.org">Next.js!</a>
109
+ </h1>
110
+ <p class="Home_description__41Owk">Get started by editing<!-- --> <!-- --><code class="Home_code__suPER">pages/index.js</code>
111
+ </p>
112
+ <div class="Home_grid__GxQ85"><a href="https://nextjs.org/docs" class="Home_card___LpL1"><h2>Documentation
113
+ →</h2>
114
+ <p>Find in-depth information about Next.js features and API.</p></a><a href="https://nextjs.org/learn"
115
+ class="Home_card___LpL1"><h2>
116
+ Learn →</h2>
117
+ <p>Learn about Next.js in an interactive course with quizzes!</p></a><a
118
+ href="https://github.com/vercel/next.js/tree/canary/examples" class="Home_card___LpL1"><h2>Examples
119
+ →</h2>
120
+ <p>Discover and deploy boilerplate example Next.js projects.</p></a><a
121
+ href="https://vercel.com/new?utm_source=create-next-app&amp;utm_medium=default-template&amp;utm_campaign=create-next-app"
122
+ class="Home_card___LpL1"><h2>Deploy →</h2>
123
+ <p>Instantly deploy your Next.js site to a public URL with Vercel.</p></a></div>
124
+ </main>
125
+ <footer class="Home_footer____T7K"><a
126
+ href="https://vercel.com?utm_source=create-next-app&amp;utm_medium=default-template&amp;utm_campaign=create-next-app"
127
+ target="_blank" rel="noopener noreferrer">Powered by<!-- --> <!-- --><span
128
+ class="Home_logo__27_tb"><span
129
+ style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"><span
130
+ style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img
131
+ style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0"
132
+ alt="" aria-hidden="true"
133
+ src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%2772%27%20height=%2716%27/%3e"/></span><img
134
+ alt="Vercel Logo" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
135
+ decoding="async" data-nimg="intrinsic"
136
+ style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/><noscript><img
137
+ alt="Vercel Logo" srcSet="/vercel.svg 1x, /vercel.svg 2x" src="/vercel.svg" decoding="async"
138
+ data-nimg="intrinsic"
139
+ style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"
140
+ loading="lazy"/></noscript></span></span></a></footer>
141
+ </div>
142
+ </div>
143
+ <script id="__NEXT_DATA__" type="application/json">{
144
+ "props": {
145
+ "pageProps": {}
146
+ },
147
+ "page": "/",
148
+ "query": {},
149
+ "buildId": "vL3f544dl4bgUK74SRA_c",
150
+ "nextExport": true,
151
+ "autoExport": true,
152
+ "isFallback": false,
153
+ "scriptLoader": []
154
+ }</script>
155
+ </body>
156
+ </html>
157
+
158
+ ```
159
+
160
+ 9.コンテナ内の対応するCSSファイルのディレクトリを確認
161
+
162
+ ```ここに言語を入力
163
+ /.next/static/css # pwd
164
+ ```
76
165
  ### 補足情報
77
166
 
78
167
  Node 16.0