title: Stuck trying to create a react.js app in Visual Studio 2019
body: <p>I am following <a href="https://docs.microsoft.com/en-us/visualstudio/javascript/tutorial-nodejs-with-react-and-jsx?view=vs-2019" rel="nofollow noreferrer">this tutorial</a> to create a react.js application in visual studio</p>
  
  <p>I am at the step where it says to open the command prompt and run:</p>
  
  <pre><code>webpack app.tsx --config webpack-config.js
  </code></pre>
  
  <p>(I am already in the node_modules.bin\ directory)</p>
  
  <p>I get the error:</p>
  
  <blockquote>
    <p>C:\Users\user.user\Documents\Visual Studio
    2019\Projects\WeatherApp\WeatherApp\node_modules\webpack\bin\webpack.js:11
    const runCommand = (command, args) => {
                                        ^ module.js:434   var compiledWrapper = runInThisContext(wrapper, filename, true);
                            ^ SyntaxError: Unexpected token >
        at Module._compile (module.js:434:25)
        at Object..js (module.js:464:10)
        at Module.load (module.js:353:31)
        at Function._load (module.js:311:12)
        at Array.0 (module.js:484:10)
        at EventEmitter._tickCallback (node.js:190:38)</p>
  </blockquote>
  
  <p>This is my package.json file:</p>
  
  <pre><code>{
    "name": "weather-app",
    "version": "0.0.0",
    "description": "WeatherApp",
    "main": "server.js",
    "author": {
      "name": ""
    },
    "dependencies": {
      "eslint": "^5.16.0",
      "express": "^4.16.4",
      "path": "^0.12.7",
      "prettier": "^1.17.0",
      "react": "^16.8.6",
      "react-dom": "^16.8.6",
      "ts-loader": "^5.4.4",
      "typescript": "^3.3.4000",
      "webpack": "^4.30.0",
      "webpack-cli": "^3.3.0"
    }
  }
  </code></pre>
  
  <p>The versions are more recent than what is indicated in the tutorial, otherwise I have done everything as indicated. I have node.js 10.15.3 installed on my machine.</p>
  
  <p>The contents of the tsconfig.json file:</p>
  
  <pre><code>{
      "compilerOptions": {
          "noImplicitAny": false,
          "module": "commonjs",
          "noEmitOnError": true,
          "removeComments": false,
          "sourceMap": true,
          "pretty": true,
          "allowJs": true,
          "checkJs": true,
          "target": "es5",
          "jsx": "react"
      },
      "exclude": [
          "node_modules"
      ],
      "files": [
          "app.tsx"
      ]
  }
  </code></pre>
  
  <p>webpack-config.js:</p>
  
  <pre><code>module.exports = {
      devtool: 'source-map',
      entry: "./app.tsx",
      mode: "development",
      output: {
          filename: "./app-bundle.js"
      },
      resolve: {
          extensions: ['.Webpack.js', '.web.js', '.ts', '.js', '.jsx', '.tsx']
      },
      module: {
          rules: [
              {
                  test: /\.tsx$/,
                  exclude: /(node_modules|bower_components)/,
                  use: {
                      loader: 'ts-loader'
                  }
              }
          ]
      }
  }
  </code></pre>
  
  <p>I am trying to figure out how to resolve and or troubleshoot this. Any ideas?</p>