create-реакции-приложение + Visual Studio + F5 = "Неожиданный импорт токена"

Реагировать новичка здесь. Как я могу включить Visual Studio 2017 для запуска (через F5) приложения act.js, которое было создано create-реагировать-приложение? Вот шаги, которые я выполнил до сих пор:

  • npm install -g create-react-app
  • create-react-app my-app
  • В Visual Studio 2016 RC (5.0.26206.0 D15REL) с инструментами Node.js ( 1.3.41102.00) я создал проект node.js, используя опцию "из существующего кода".
  • Я установил файл запуска в src / index.js
  • F5

Я получаю эту ошибку:

Debugger listening on port 5858
 H:\dev\hangle\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 делается. Я уверен, что я не первый человек, который попробовал это. Какое рекомендуемое решение?

Источник

2 ответа

Немного опоздал в игре, но у меня была похожая ошибка в проекте с использованием angular и.net в visual studio 2017. Я исправил это с помощью giong в инструменты -> проект и решения -> Управление веб-пакетами -> Внешние веб-инструменты

и перемещение переменной Path вверх в порядке. увидеть изображение

визуальная студия

Источник

Импорт является функцией ES6. Поэтому обычно вам нужно использовать что-то вроде babel для компиляции javascript, чтобы его можно было использовать в большинстве браузеров. Приложение Create React уже включает в себя как Babel, так и Webpack, поэтому просто запустите npm start из командной строки, чтобы запустить сервер разработки. Вы можете обновить ваш VS Project, чтобы запустить его как часть процесса сборки, так что вам просто нужно нажать F5.

Кроме того, поскольку вы пришли из экосистемы.NET, я бы порекомендовал взглянуть на шаблоны JavascriptServices, которые включают в себя шаблоны React и React Redux, которые работают с.NET.

Источник
Другие вопросы по тегам