0

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

  • npm install -g create-react-app
  • create-react-app my-app
  • 在带有 Node.js 工具（1.3.41102.00）的 Visual Studio 2016 RC（5.0.26206.0 D15REL）中，我使用“来自现有代码”选项创建了一个 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正在执行的操作。我敢肯定我不是第一个尝试过这个的人。推荐的解决方案是什么？

4

2 回答 2

2

游戏有点晚了，但我在 Visual Studio 2017 中使用 Angular 和 .net 的项目中遇到了类似的错误。我通过 giong 修复它到工具 -> 项目和解决方案 -> Web 包管理 -> 外部 Web 工具

并按顺序向上移动 Path 变量。看图片

视觉工作室

于 2017-12-04T14:18:44.713 回答
1

import 是一个ES6 特性。所以通常你需要使用像babel这样的东西来编译 javascript，以便它可以在大多数浏览器中使用。Create React App 内部已经包含 Babel 和 Webpack，所以只需从命令行运行npm start即可启动开发服务器。您可以更新您的 VS 项目以将其作为构建过程的一部分运行，这样您只需按 F5。

此外，由于您来自 .NET 生态系统，我建议您查看JavascriptServices 模板，其中包括适用于 .NET 的 React 和 React Redux 模板。

于 2017-02-26T06:34:43.607 回答