«Неожиданный токен» в JSX для учебника по Django React - PullRequest
Новая
       6

«Неожиданный токен» в JSX для учебника по Django React

0 голосов
/ 20 февраля 2019

Я следую этому учебнику и не могу на всю жизнь понять, почему webpack не распознает JSX?Хотелось бы, чтобы кто-то указал на глупость, которую мне не хватает:)

мой полный код здесь https://github.com/dukarc/django-react-app

Ошибка: 

\django-react-app\leadmanager\frontend\src\components\App.js: Unexpected token (6:11)

  4 | class App extends Component {
  5 |   render() {
> 6 |     return <h1>React App</h1>;
    |            ^
  7 |   }
  8 | }

  • Вещи, которые я пробовал

    1. rm -rf node_modules && rm -f package-lock.json && npm install
    2. ссылается на учебник github и дважды проверил, что я синхронизируюсь

  • Версии (будет выводить больше, если запрошено ... это было просто у меня в голове):

    • узел: 10.15.1
    • нпм: 6.8.0

package.json 

{
  "name": "lead_manager_react_django",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development  ./leadmanager/frontend/src/index.js --output ./leadmanager/frontend/static/frontend/main.js",
    "build": "webpack --mode production ./leadmanager/frontend/src/index.js --output ./leadmanager/frontend/static/frontend/main.js"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.3.1",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.5",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "webpack": "^4.29.0",
    "webpack-cli": "^3.2.1"
  },
  "dependencies": {
    "prop-types": "^15.6.2",
    "react": "^16.7.0",
    "react-dom": "^16.7.0"
  }
}

webpack.config.js 

module.exports = {
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

.babelrc 

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["transform-class-properties"]
}

1 Ответ

0 голосов
/ 20 февраля 2019

Я проверил ваш исходный код, у него была небольшая опечатка, его getElementById вместо getElementByID.

Его строка 10 в следующем файле

https://github.com/dukarc/django-react-app/blob/master/leadmanager/frontend/src/components/App.js

* * * * * * * * * * * * Это исправление для меня.
...