Реагировать - Неожиданная ошибка идентификатора в моем файле App.js. Я не понимаю почему - PullRequest
Новая
       34

Реагировать - Неожиданная ошибка идентификатора в моем файле App.js. Я не понимаю почему

0 голосов
/ 30 апреля 2019

Я следую руководству по созданию приложений с использованием React, GraphQL и Apolo.Я столкнулся с ошибкой неожиданного идентификатора при запуске приложения ("node App.js").Эта ошибка, кажется, с "React импорта", и я не понимаю, почему.

Кроме того, я использую одновременно для запуска front и back end с "npm run dev" и получаю другую ошибку.

Я попытался переустановить пакеты.Я запустил server.js и App.js отдельно.Сервер работает нормально, но не App.js (как описано выше).

Это ошибка: 

_Tutorial_Follow-Alongs/GraphQL_React-Apollo_Tut_Follow/client/src/App.js:1
(function (exports, require, module, __filename, __dirname) { import React, { Component } from 'react';
                                                                     ^^^^^

SyntaxError: Unexpected identifier
    at new Script (vm.js:73:7)
    at createScript (vm.js:245:10)
    at Object.runInThisContext (vm.js:297:10)
    at Module._compile (internal/modules/cjs/loader.js:657:28)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:700:10)
    at Module.load (internal/modules/cjs/loader.js:599:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:538:12)
    at Function.Module._load (internal/modules/cjs/loader.js:530:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:742:12)
    at startup (internal/bootstrap/node.js:266:19)
EFs-MacBook-Pro:src ef$

Это мой код App.js: 

import React, { Component } from 'react'; 
import ApolloClient from 'apollo-boost';
import { ApolloProvider } from 'react-apollo';
import Launches from "./components/Launches"
import "./App.css"; 
import logo from "./assets/images/logo.png";

// With Apollo wrap the component in a provider and pass in a client
const client = new ApolloClient({
  uri: "http://localhose:5000/graphql" //path to the one endpoint created using graphql in server.js
});

class App extends Component {
  render() {
    return (

      <ApolloProvider client={client}>
      <div className="container">
        <img 
          src={logo}
          alt="SpaceX"
          style={{ width: 300, display: "block", margin: "auto" }}
        />
      </div>
      <Launches />
      </ApolloProvider>
    );
  }
}

export default App;

Это ошибка при одновременном использовании npm run dev 

Failed to compile.
[1] 
[1] ./node_modules/react-dev-utils/formatWebpackMessages.js
[1] Module not found: Can't resolve '/Users/ef/Documents/UCF CODING BOOTCAMP/UCF_Local/_PRACTICE/_Tutorial_Follow-Alongs/GraphQL_React-Apollo_Tut_Follow/client/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/slicedToArray' in '/Users/ef/Documents/UCF CODING BOOTCAMP/UCF_Local/_PRACTICE/_Tutorial_Follow-Alongs/GraphQL_React-Apollo_Tut_Follow/client/node_modules/react-dev-utils'

В обоих случаях приложение не будет работать.Я полностью застрял.Буду признателен за любую помощь.Спасибо.

1 Ответ

0 голосов
/ 01 мая 2019

Добро пожаловать в StackOverflow.

Эта проблема возникает из-за того, что вы пытаетесь выполнить код внешнего интерфейса, предназначенный для браузера, с помощью node.

Это не работает, как вы можете видеть в следующем примере:

enter image description here

Код должен обслуживаться вашим сервером и выполняться в браузере.

По второй ошибке кажется, что вы используете CRA в каталоге client, который имеет собственный package.json. Таким образом, вы должны просто иметь возможность npm install --prefix client из корневого каталога, чтобы установить зависимости в папке client.

...