create-react-app + Visual Studio + F5 =“意外的令牌导入”

Question

在这里反应新手。如何启用Visual Studio 2017（通过F5）运行由create-react-app创建的react.js应用程序？这是我到目前为止所遵循的步骤：

• npm install -g create-react-app
• create-react-app my-app
• 在带有Node.js工具的Visual Studio 2016 RC（5.0.26206.0 D15REL）（1.3.41102.00）中，我使用“from existing code”选项创建了一个node.js项目。
• 我将启动文件设置为src / index.js
• F5

我收到此错误：

Debugger listening on port 5858
 H:\dev\XXXXXX\src\index.js:1
(function (exports, require, module, __filename, __dirname) { import React from 'react';
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at exports.runInThisContext (vm.js:53:16)
    at Module._compile (module.js:373:25)
    at Object.Module._extensions..js (module.js:404:10)
    at Module.load (module.js:343:32)
    at Function.Module._load (module.js:300:12)
    at Module.runMain [as _onTimeout] (module.js:429:10)
    at Timer.listOnTimeout (timers.js:92:15)
 Press any key to continue...

npm start运行正常。我假设我需要指示Visual Studio执行npm start或复制npm start正在做的事情。我敢肯定我不是第一个试过这个的人。什么是推荐的解决方案？

Answer 1

在游戏中有点晚了，但我在视觉工作室2017中使用角度和.net的项目中出现了类似的错误。我通过giong将其修复为工具 - ＆gt;项目和解决方案 - ＆gt; Web包管理 - ＆gt;外部Web工具

并按顺序向上移动Path变量。见图像

Answer 2

导入是ES6 feature。因此，通常您需要使用类似babel的内容来编译javascript，以便在大多数浏览器中使用它。创建React App已在内部包含Babel和Webpack，因此只需从命令行运行{{1}}即可启动开发服务器。您可以更新VS Project以在构建过程中运行它，这样您就必须点击F5。

此外，由于您来自.NET生态系统，我建议您查看JavascriptServices templates，其中包含与.NET配合使用的React和React Redux模板。