teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップRuby on Rails 6に関する質問React-Rails+Typescriptのコンパイルエラーを解決したい。

編集履歴

回答編集履歴

3

ソースファイルの追加

2021/07/10 00:01

投稿

n-syuichi
n-syuichi

スコア4

test CHANGED
@@ -19,3 +19,241 @@
19
19
  - サイトのコピペを理解せず多量に行うと何を改変したか忘れてしまう。
20
20
 
21
21
  - Gitのログを遡るという基本的なことを忘れていた。
22
+
23
+
24
+
25
+ # 修正後
26
+
27
+ package.json内
28
+
29
+ ```
30
+
31
+ {
32
+
33
+ "name": "reservation-app",
34
+
35
+ "private": true,
36
+
37
+ "dependencies": {
38
+
39
+ "@babel/preset-env": "^7.14.7",
40
+
41
+ "@babel/preset-react": "^7.14.5",
42
+
43
+ "@babel/preset-typescript": "^7.14.5",
44
+
45
+ "@rails/actioncable": "^6.0.0",
46
+
47
+ "@rails/activestorage": "^6.0.0",
48
+
49
+ "@rails/ujs": "^6.0.0",
50
+
51
+ "@rails/webpacker": "^5.4.0",
52
+
53
+ "@types/react": "^17.0.14",
54
+
55
+ "@types/react-dom": "^17.0.9",
56
+
57
+ "bootstrap": "^4.5.3",
58
+
59
+ "jquery": "^3.6.0",
60
+
61
+ "popper.js": "^1.16.1",
62
+
63
+ "prop-types": "^15.7.2",
64
+
65
+ "react": "^17.0.2",
66
+
67
+ "react-bootstrap": "^1.6.1",
68
+
69
+ "react-dom": "^17.0.2",
70
+
71
+ "react_ujs": "^2.6.1",
72
+
73
+ "ts-loader": "^9.2.3",
74
+
75
+ "turbolinks": "^5.2.0",
76
+
77
+ "typescript": "^4.3.5"
78
+
79
+ },
80
+
81
+ "version": "0.1.0",
82
+
83
+ "devDependencies": {
84
+
85
+ "pnp-webpack-plugin": "^1.6.4",
86
+
87
+ "webpack-dev-server": "^3.11.2"
88
+
89
+ }
90
+
91
+ }
92
+
93
+
94
+
95
+ ```
96
+
97
+ Gemfile
98
+
99
+ ```
100
+
101
+ source 'https://rubygems.org'
102
+
103
+ git_source(:github) { |repo| "https://github.com/#{repo}.git" }
104
+
105
+
106
+
107
+ ruby '2.7.2'
108
+
109
+
110
+
111
+ # Bundle edge Rails instead: gem 'rails', github: 'rails/rails', branch: 'main'
112
+
113
+ gem 'rails', '~> 6.1.3', '>= 6.1.3.1'
114
+
115
+ # Use sqlite3 as the database for Active Record
116
+
117
+ gem 'sqlite3', '~> 1.4'
118
+
119
+ # Use Puma as the app server
120
+
121
+ gem 'puma', '~> 5.0'
122
+
123
+ # Use SCSS for stylesheets
124
+
125
+ gem 'sass-rails', '>= 6'
126
+
127
+ # Transpile app-like JavaScript. Read more: https://github.com/rails/webpacker
128
+
129
+ gem 'webpacker', '~> 5.0'
130
+
131
+ # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks
132
+
133
+ gem 'turbolinks', '~> 5'
134
+
135
+ # Build JSON APIs with ease. Read more: https://github.com/rails/jbuilder
136
+
137
+ gem 'jbuilder', '~> 2.7'
138
+
139
+
140
+
141
+ # gem 'jquery-rails'
142
+
143
+ # Use Redis adapter to run Action Cable in production
144
+
145
+ # gem 'redis', '~> 4.0'
146
+
147
+ # Use Active Model has_secure_password
148
+
149
+ # gem 'bcrypt', '~> 3.1.7'
150
+
151
+ gem "activeadmin"
152
+
153
+
154
+
155
+ #cancancan
156
+
157
+ gem "cancancan"
158
+
159
+
160
+
161
+ #.env
162
+
163
+ gem "dotenv-rails"
164
+
165
+
166
+
167
+ # gem 'bootstrap', '~> 4.5.0'
168
+
169
+
170
+
171
+ # Use Active Storage variant
172
+
173
+ # gem 'image_processing', '~> 1.2'
174
+
175
+
176
+
177
+ # Reduces boot times through caching; required in config/boot.rb
178
+
179
+ gem 'bootsnap', '>= 1.4.4', require: false
180
+
181
+
182
+
183
+ #calendar
184
+
185
+ gem 'fullcalendar-rails'
186
+
187
+ gem 'momentjs-rails'
188
+
189
+
190
+
191
+ #react-rails
192
+
193
+ gem 'react-rails'
194
+
195
+
196
+
197
+ #devise
198
+
199
+ gem "devise"
200
+
201
+
202
+
203
+
204
+
205
+ group :development, :test do
206
+
207
+ # Call 'byebug' anywhere in the code to stop execution and get a debugger console
208
+
209
+ gem 'byebug', platforms: [:mri, :mingw, :x64_mingw]
210
+
211
+ end
212
+
213
+
214
+
215
+ group :development do
216
+
217
+ # Access an interactive console on exception pages or by calling 'console' anywhere in the code.
218
+
219
+ gem 'web-console', '>= 4.1.0'
220
+
221
+ # Display performance information such as SQL time and flame graphs for each request in your browser.
222
+
223
+ # Can be configured to work on production as well see: https://github.com/MiniProfiler/rack-mini-profiler/blob/master/README.md
224
+
225
+ # gem 'rack-mini-profiler', '~> 2.0'
226
+
227
+ gem 'listen', '~> 3.3'
228
+
229
+ # Spring speeds up development by keeping your application running in the background. Read more: https://github.com/rails/spring
230
+
231
+ gem 'spring'
232
+
233
+ end
234
+
235
+
236
+
237
+ group :test do
238
+
239
+ # Adds support for Capybara system testing and selenium driver
240
+
241
+ gem 'capybara', '>= 3.26'
242
+
243
+ gem 'selenium-webdriver'
244
+
245
+ # Easy installation and use of web drivers to run system tests with browsers
246
+
247
+ gem 'webdrivers'
248
+
249
+ end
250
+
251
+
252
+
253
+ # Windows does not include zoneinfo files, so bundle the tzinfo-data gem
254
+
255
+ gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]
256
+
257
+
258
+
259
+ ```

2

webpackerのバージョンアップ

2021/07/10 00:01

投稿

n-syuichi
n-syuichi

スコア4

test CHANGED
@@ -8,7 +8,9 @@
8
8
 
9
9
  # 解決のために行ったこと
10
10
 
11
- `yarn remove webpack webpack-cli`のコマンドの実施
11
+ - `yarn remove webpack webpack-cli`のコマンドの実施
12
+
13
+ - webpackerのバージョンアップ(その後、bundle install)
12
14
 
13
15
 
14
16
 

1

教訓の追加

2021/07/10 00:00

投稿

n-syuichi
n-syuichi

スコア4

test CHANGED
@@ -9,3 +9,11 @@
9
9
  # 解決のために行ったこと
10
10
 
11
11
  `yarn remove webpack webpack-cli`のコマンドの実施
12
+
13
+
14
+
15
+ # 教訓
16
+
17
+ - サイトのコピペを理解せず多量に行うと何を改変したか忘れてしまう。
18
+
19
+ - Gitのログを遡るという基本的なことを忘れていた。