Execute 'bundle exec rails webpacker:install:react'

chaspy · May 9, 2020 · a2e46a7 · a2e46a7
1 parent 6d0f9a7
commit a2e46a7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 8 deletions.
diff --git a/babel.config.js b/babel.config.js
@@ -43,7 +43,8 @@ module.exports = function(api) {
           development: isDevelopmentEnv || isTestEnv,
           useBuiltIns: true
         }
-      ]
+      ],
+      ['@babel/preset-typescript', { 'allExtensions': true, 'isTSX': true }]
     ].filter(Boolean),
     plugins: [
       'babel-plugin-macros',

diff --git a/package.json b/package.json
@@ -15,12 +15,20 @@
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
-    "ts-loader": "^7.0.2",
     "turbolinks": "^5.2.0",
     "typescript": "^3.8.3"
   },
   "version": "0.1.0",
+  "babel": {
+    "presets": [
+      "@babel/preset-env",
+      "@babel/preset-react"
+    ]
+  },
   "devDependencies": {
+    "@babel/core": "^7.9.6",
+    "@babel/preset-env": "^7.9.6",
+    "babel-loader": "^8.1.0",
     "webpack-dev-server": "^3.10.3"
   }
 }
diff --git a/tsconfig.json b/tsconfig.json
@@ -3,15 +3,13 @@
     "declaration": false,
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "lib": [
-      "es6",
-      "dom"
-    ],
+    "lib": ["es6", "dom"],
     "module": "es6",
     "moduleResolution": "node",
     "sourceMap": true,
-    "target": "ES2018",
-    "jsx": "react"
+    "target": "es5",
+    "jsx": "react",
+    "noEmit": true
   },
   "exclude": [
     "**/*.spec.ts",