Бабель выдает ошибки при попытке построить приложение реакции - PullRequest
Новая
       6

Бабель выдает ошибки при попытке построить приложение реакции

0 голосов
/ 30 октября 2018

Вот моя ошибка:

Ошибка: требуется Babel "^ 7.0.0-0", но был загружен с "6.26.3". Если вы уверены, что у вас есть совместимая версия @ babel / core, вероятно, что-то в процессе сборки загружает неправильную версию. Изучите трассировку стека этой ошибки, чтобы найти первую запись, в которой не упоминается "@ babel / core" или "babel-core", чтобы увидеть, что вызывает Babel. (При обработке предустановки: "C: \ Users \ ExpoTech \ workspace \ liability_release_form \ node_modules \ @babel \ preset-env \ lib \ index.js");

Я перепробовал 6 предложенных решений от GitHub и Stack Overflow, но продолжаю получать ту же ошибку. Любая помощь будет принята с благодарностью.

Вот мой package.json: 

{
  "name": "liability-waiver-release",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@trendmicro/react-toggle-switch": "^0.5.7",
    "axios": "^0.18.0",
    "body-parser": "^1.18.3",
    "bootstrap": "^4.1.3",
    "css-loader": "^1.0.1",
    "express": "^4.16.4",
    "jshint": "^2.9.6",
    "jshint-loader": "^0.8.4",
    "mongodb": "^3.1.8",
    "mongoose": "^5.3.7",
    "nodemon": "^1.18.5",
    "react": "^16.5.2",
    "react-bootstrap": "^0.32.4",
    "react-dom": "^16.5.2",
    "react-modal": "^3.6.1",
    "react-router-dom": "^4.3.1",
    "react-scripts": "2.0.5",
    "reactstrap": "^6.5.0",
    "regenerator-runtime": "^0.12.1"
  },
  "scripts": {
    "webpack": "webpack",
    "start": "npm run build && node server/server.js",
    "build": "babel ./server/server.js",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "@babel/core": "^7.1.2",
    "babel-cli": "^6.26.0",
    "babel-core": "^7.0.0-bridge.0",
    "babel-loader": "^8.0.4",
    "babel-preset-env": "^1.7.0",
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "prop-types": "^15.6.2",
    "webpack": "^4.23.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10"
  }
}

Вот мой .babelrc: 

{
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react"
    ]
}

Вот мой файл server.js: 

import express from 'express';
import router from './routes/routes.js';
import path from 'path';

const app = express();

app.set('views', path.join(__dirname, '../client'));
app.use(express.static(path.join(__dirname, '../client')));

app.use('/', router);

const port = 8080;

app.listen(port, function() {
 console.log('running at localhost: ' + port);
});

export default app;

1 Ответ

0 голосов
/ 03 ноября 2018

Пока вы используете эти пресеты, их нет в вашем файле project.json. 

{
    "presets": [
      "@babel/preset-env",
      "@babel/preset-react"
    ]
}

Обновите ваш package.json следующим образом. 

{
    "@babel/core": "^7.1.2",
    "babel-cli": "^6.26.0",
    "babel-core": "^7.0.0-bridge.0", // remove this
    "babel-loader": "^8.0.4",
    "babel-preset-env": "^1.7.0",  // remove this and install "@babel/env"
    "html-loader": "^0.5.5",
    "html-webpack-plugin": "^3.2.0",
    "prop-types": "^15.6.2",
    "webpack": "^4.23.1",
    "webpack-cli": "^3.1.2",
    "webpack-dev-server": "^3.1.10"
}

И установить @ babel / реагировать.

Надеюсь, это поможет. Я обновил свой проект вчера. :)

...