Javascript ReactJS:意外标记'<';

Javascript ReactJS:意外标记'<';,javascript,reactjs,webpack,jsx,babeljs,Javascript,Reactjs,Webpack,Jsx,Babeljs,您好,我试图搜索其他问题,但我尝试的所有解决方案都不适用于我 使用命令时: npm启动 我有一个错误: ./src/index.js中出现错误 模块构建失败(来自./node_modules/babel loader/lib/index.js): 语法错误:D:/Kodilla/Projekty/webpack to do app/src/index.js:Unexpected>token(6:4) 5 | ReactDOM.render( 6| 编辑: 我尝试了您建议我复制的帖子中的解决方案

您好,我试图搜索其他问题,但我尝试的所有解决方案都不适用于我

使用命令时:

npm启动

我有一个错误:

./src/index.js中出现错误 模块构建失败(来自./node_modules/babel loader/lib/index.js): 语法错误:D:/Kodilla/Projekty/webpack to do app/src/index.js:Unexpected>token(6:4)

5 | ReactDOM.render(
6|

编辑: 我尝试了您建议我复制的帖子中的解决方案,但复制的1:1对我无效。我将我的网页配置更改为:

module: {
    loaders: [...
      {
      test: /\.(js|jsx)?$/,
        loader: 'babel-loader',
        query: {
           presets: ['es2015', 'react']
        }
    }]
  },
问题仍然在发生。我想我可能在上述例子之外的其他地方做错了什么

编辑2:


  • 我用巴别塔-core@6.26.3巴贝尔呢-loader@7.1.5因为这些都是项目的要求
  • 已安装React和React dom依赖项
  • 预设:react.env,es2015,第0阶段由安装 npm安装巴别塔预设-…--保存-开发

  • 第一个建议。babelrc配置完成: “预设”:[“反应”、“es2015”、“0级”]

  • 发生错误: 找不到相对于目录的预设“@babel/preset env” “…要执行应用程序的网页包\node\u模块\css加载程序”

  • 我到底做错了什么

    问题已解决。

    有助于: 1.从babel env更新预设,将babel react更新为@babel/preset env和@babel/preset react。@安装了babel core,但babel core仍保留在原位。最终设置:

    "devDependencies": {
        "@babel/core": "^7.2.2",
        "@babel/preset-env": "^7.2.3",
        "@babel/preset-react": "^7.0.0",
        "babel": "^6.23.0",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.4",
        "css-loader": "^2.1.0",
        "react": "^16.7.0",
        "react-dom": "^16.7.0",
        "style-loader": "^0.23.1",
        "webpack": "^4.28.2",
        "webpack-cli": "^3.1.2"
      },
    
    2.卸载并安装babel loader,这会导致需要错误版本的babel本身的问题。
    你的建议是部分正确的。谢谢你的帮助。

    < P>请考虑在你的BabelRC

    以下配置。
    {
        "presets": ["react", "es2015", "stage-0"]
    }
    
    它应该会起作用。 我还看到在“预置”中嵌套了数组。每个预置都应该是预置元素之一

    我强烈建议您使用最新的babel(版本7)。升级到babel 7时,您应该下载
    @babel/preset react
    @babel/preset env
    ,这就足够了。 而且,LRC的外观如下所示:

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

    reactjs意外令牌链接到repo的可能重复对我一点帮助都没有。它与您的代码不一样配置本身有问题请看一下签出此链接您还应该在codesandbox中安装react和react dom的依赖项,我对您的链接所做的所有更改是的,我也做了相同的操作。我使用babel core@6.26.3巴贝尔呢-loader@7.1.5因为这些是项目的要求。安装了React和React dom依赖项。预设:React.env、es2015、由npm安装的stage-0安装babel预设-…--save-dev.First.babelrc配置(“预设”:[“React”、“es2015”、“stage-0”])已完成。出现错误:找不到预设“@babel/preset-env”相对于目录“…webpack to do app\\node\u modules\\css loader”我做错了什么?在babel 7上,你必须安装babel preset react的@babel/preset env和@babel/preset react(npm install-D@babel/preset env@babel preset react)和…并像我上面提到的那样使用它们。
    {
        "presets": [
            ["env", "react"]
        ]
    }
    
    module: {
        loaders: [...
          {
          test: /\.(js|jsx)?$/,
            loader: 'babel-loader',
            query: {
               presets: ['es2015', 'react']
            }
        }]
      },
    
    "devDependencies": {
        "@babel/core": "^7.2.2",
        "@babel/preset-env": "^7.2.3",
        "@babel/preset-react": "^7.0.0",
        "babel": "^6.23.0",
        "babel-core": "^6.26.3",
        "babel-loader": "^8.0.4",
        "css-loader": "^2.1.0",
        "react": "^16.7.0",
        "react-dom": "^16.7.0",
        "style-loader": "^0.23.1",
        "webpack": "^4.28.2",
        "webpack-cli": "^3.1.2"
      },
    
    {
        "presets": ["react", "es2015", "stage-0"]
    }
    
    {
      "presets": [
        "@babel/react",
        "@babel/env"
      ]
    }