質問編集履歴

3

加筆

2021/06/25 10:19

投稿

Autophagy______
Autophagy______

スコア0

test CHANGED
File without changes
test CHANGED
@@ -216,8 +216,6 @@
216
216
 
217
217
  "jsx": "preserve",
218
218
 
219
- "baseUrl": "./src"
220
-
221
219
  },
222
220
 
223
221
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "functions/lib/index.js"],
@@ -382,6 +380,8 @@
382
380
 
383
381
  - nodeのバージョンの v14.15.0 , v16.4.0 を試したが変化なし。
384
382
 
383
+ - tsconfig.jsonに "baseUrl": "./src"追加→変化なし
384
+
385
385
  - node_moduleの削除、再インストール
386
386
 
387
387
  - yarn, npm のキャッシュ削除

2

加筆

2021/06/25 10:19

投稿

Autophagy______
Autophagy______

スコア0

test CHANGED
File without changes
test CHANGED
@@ -30,7 +30,7 @@
30
30
 
31
31
  ######profileImageUpload.tsx
32
32
 
33
- ![イメージ説明](58f979826d766bc9d7df38107d3d1839.png)
33
+ ![イメージ説明](1104441fdd2762d6486bd860bbf42d30.png)
34
34
 
35
35
 
36
36
 
@@ -80,7 +80,7 @@
80
80
 
81
81
  "data-uri-to-file": "^0.1.8",
82
82
 
83
- "eslint-plugin-react": "^7.23.2",
83
+ "eslint-plugin-react": "^7.24.0",
84
84
 
85
85
  "eslint-plugin-tailwind": "^0.2.1",
86
86
 
@@ -134,7 +134,9 @@
134
134
 
135
135
  "@types/node": "^14.14.34",
136
136
 
137
- "@types/react": "^17.0.3",
137
+ "@types/react": "^17.0.11",
138
+
139
+ "@types/react-dom": "^17.0.8",
138
140
 
139
141
  "@typescript-eslint/eslint-plugin": "^4.28.0",
140
142
 
@@ -152,6 +154,8 @@
152
154
 
153
155
  "eslint-plugin-prettier": "^3.3.1",
154
156
 
157
+ "eslint-plugin-react-hooks": "^4.2.0",
158
+
155
159
  "postcss": "^8.2.8",
156
160
 
157
161
  "prettier": "^2.3.1",
@@ -170,16 +174,150 @@
170
174
 
171
175
 
172
176
 
177
+
178
+
173
- ```
179
+ ```
174
-
175
-
176
-
180
+
181
+
182
+
177
- ######.eslintrc.js
183
+ ######tsconfig.json
178
-
184
+
185
+
186
+
179
- ```
187
+ ```
188
+
189
+ {
190
+
191
+ "compilerOptions": {
192
+
193
+ "target": "es5",
194
+
195
+ "lib": ["dom", "dom.iterable", "esnext", "es6"],
196
+
197
+ "allowJs": true,
198
+
199
+ "skipLibCheck": true,
200
+
201
+ "strict": false,
202
+
203
+ "forceConsistentCasingInFileNames": true,
204
+
205
+ "noEmit": true,
206
+
207
+ "esModuleInterop": true,
208
+
209
+ "module": "esnext",
210
+
211
+ "moduleResolution": "node",
212
+
213
+ "resolveJsonModule": true,
214
+
215
+ "isolatedModules": true,
216
+
217
+ "jsx": "preserve",
218
+
219
+ "baseUrl": "./src"
220
+
221
+ },
222
+
223
+ "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "functions/lib/index.js"],
224
+
225
+ "exclude": ["node_modules", "functions"]
226
+
227
+ }
228
+
229
+ ```
230
+
231
+
232
+
233
+ next.config.js
234
+
235
+ ```
236
+
237
+ const environment = process.env.NODE_ENV || "development";
238
+
239
+ const env = require(`./${environment}.env.js`);
240
+
241
+
180
242
 
181
243
  module.exports = {
182
244
 
245
+ env: {
246
+
247
+ FIREBASE_PROJECT_ID: env.FIREBASE_PROJECT_ID,
248
+
249
+ },
250
+
251
+ images: {
252
+
253
+ domains: ["firebasestorage.googleapis.com"],
254
+
255
+ },
256
+
257
+ node: {
258
+
259
+ global: false,
260
+
261
+ __filename: false,
262
+
263
+ __dirname: false,
264
+
265
+ },
266
+
267
+ webpack5: true,
268
+
269
+ // webpack: (config) => {
270
+
271
+ // config.node = {
272
+
273
+ // fs: "empty",
274
+
275
+ // child_process: "empty",
276
+
277
+ // net: "empty",
278
+
279
+ // dns: "empty",
280
+
281
+ // tls: "empty",
282
+
283
+ // };
284
+
285
+ // return config;
286
+
287
+ // },
288
+
289
+ eslint: {
290
+
291
+ // ignoreDuringBuilds: true,
292
+
293
+ },
294
+
295
+ };
296
+
297
+
298
+
299
+ ```
300
+
301
+
302
+
303
+ .eslintrc.js
304
+
305
+
306
+
307
+ ```
308
+
309
+ module.exports = {
310
+
311
+ env: {
312
+
313
+ browser: true,
314
+
315
+ es6: true,
316
+
317
+ },
318
+
319
+ parser: "@typescript-eslint/parser",
320
+
183
321
  parserOptions: {
184
322
 
185
323
  sourceType: "module",
@@ -188,40 +326,24 @@
188
326
 
189
327
  requireConfigFile: false,
190
328
 
191
- babelOptions: {
192
-
193
- presets: ["@babel/preset-react"],
194
-
195
- },
329
+ },
196
-
197
- },
330
+
198
-
199
- // parser: "@babel/eslint-parser",
331
+ plugins: ["react", "@typescript-eslint"],
200
-
201
- env: {
202
-
203
- browser: true,
204
-
205
- es6: true,
206
-
207
- },
208
332
 
209
333
  extends: [
210
334
 
211
- // "eslint:recommended",
335
+ "eslint:recommended",
336
+
337
+ "plugin:@typescript-eslint/eslint-recommended",
212
338
 
213
339
  "plugin:@typescript-eslint/recommended",
214
340
 
215
- // "plugin:prettier/recommended",
341
+ "plugin:prettier/recommended",
216
-
342
+
217
- // "plugin:react/recommended",
343
+ "prettier",
218
344
 
219
345
  ],
220
346
 
221
- // plugins: ["@typescript-eslint"],
222
-
223
- parser: "@typescript-eslint/parser",
224
-
225
347
  root: true,
226
348
 
227
349
  rules: {
@@ -234,6 +356,8 @@
234
356
 
235
357
  "init-declarations": ["error", "never"],
236
358
 
359
+ "react/prop-types": "off",
360
+
237
361
  },
238
362
 
239
363
  };
@@ -244,63 +368,11 @@
244
368
 
245
369
 
246
370
 
247
- ######tsconfig.json
371
+
248
-
249
-
250
-
251
- ```
372
+
252
-
253
- {
254
-
255
- "compilerOptions": {
256
-
257
- "target": "es5",
258
-
259
- "lib": ["dom", "dom.iterable", "esnext", "es6"],
260
-
261
- "allowJs": true,
262
-
263
- "skipLibCheck": true,
264
-
265
- "strict": false,
266
-
267
- "forceConsistentCasingInFileNames": true,
268
-
269
- "noEmit": true,
270
-
271
- "esModuleInterop": true,
272
-
273
- "module": "esnext",
274
-
275
- "moduleResolution": "node",
276
-
277
- "resolveJsonModule": true,
278
-
279
- "isolatedModules": true,
280
-
281
- "jsx": "preserve",
282
-
283
- "baseUrl": "./src"
284
-
285
- },
286
-
287
- "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", "functions/lib/index.js"],
288
-
289
- "exclude": ["node_modules", "functions"]
290
-
291
- }
292
-
293
-
294
-
295
- ```
296
-
297
-
298
-
299
- ### 試したこと
373
+ ### 試したこと・現状
300
-
301
-
302
-
374
+
303
- 以下の記事を参考に
375
+ - 以下の記事を参考に
304
376
 
305
377
  Next.jsのバージョン: 10.0.6
306
378
 
@@ -308,6 +380,24 @@
308
380
 
309
381
  [https://qiita.com/someone7140/items/73e72ef66cd580c850de](https://qiita.com/someone7140/items/73e72ef66cd580c850de)
310
382
 
383
+ - nodeのバージョンの v14.15.0 , v16.4.0 を試したが変化なし。
384
+
385
+ - node_moduleの削除、再インストール
386
+
387
+ - yarn, npm のキャッシュ削除
388
+
389
+ - webpack4に変更
390
+
391
+ - ローカル環境でのyarn lint , yarn build , yarn devは通ります
392
+
393
+
394
+
395
+
396
+
397
+
398
+
399
+
400
+
311
401
 
312
402
 
313
403
  どうかお助けください、、????‍♀️

1

加筆

2021/06/25 09:34

投稿

Autophagy______
Autophagy______

スコア0

test CHANGED
File without changes
test CHANGED
@@ -311,3 +311,15 @@
311
311
 
312
312
 
313
313
  どうかお助けください、、????‍♀️
314
+
315
+
316
+
317
+
318
+
319
+
320
+
321
+ また、yarn-error.logというファイルにErrorがあったのですがこれも何か関係あるのでしょうか?
322
+
323
+
324
+
325
+ ![イメージ説明](8dc267455d394ad933dccc02fd5aaeb2.png)