Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs WebPack SyntaxError意外标记,应为“&引用;[对象]_Reactjs_Webpack - Fatal编程技术网

Reactjs WebPack SyntaxError意外标记,应为“&引用;[对象]

Reactjs WebPack SyntaxError意外标记,应为“&引用;[对象],reactjs,webpack,Reactjs,Webpack,我请求你的帮助 我正在尝试使用react和webpack设置一个基本的web应用程序。现在,我刚刚整理了基本框架,但是运行构建似乎总是会导致以下错误: ERROR in ./src/index.js Module build failed (from ./node_modules/babel-loader/lib/index.js): SyntaxError: D:\Develop\reactapp\react-youtube\src\index.js: Unexpected token, ex

我请求你的帮助

我正在尝试使用react和webpack设置一个基本的web应用程序。现在,我刚刚整理了基本框架,但是运行构建似乎总是会导致以下错误:

ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: D:\Develop\reactapp\react-youtube\src\index.js: Unexpected token, expected "," (1:8)

> 1 | [object Object]
    |         ^
    at Object._raise (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:775:17)
    at Object.raiseWithData (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:768:17)
    at Object.raise (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:736:17)
    at Object.unexpected (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:9716:16)
    at Object.expect (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:9702:28)
    at Object.parseExprList (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:11803:14)
    at Object.parseArrayLike (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:11707:26)
    at Object.parseExprAtom (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:11017:23)
    at Object.parseExprAtom (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:5173:20)
    at Object.parseExprSubscripts (D:\Develop\reactapp\react-youtube\node_modules\@babel\parser\lib\index.js:10689:23)
我的源文件:

/webpack.config.js

const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
  },
  devServer: {
    contentBase: path.join(__dirname, 'public')
  },
  module: {
      rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: ['babel-loader', 'babel-plugin-transform-react-jsx']
        },
        {
            test: /\.(?:|gif|png|jpg|jpeg|svg)$/,
            use: ['file-loader'],
        },
        {
            test: /\.css$/,
            use: ['style-loader', 'css-loader'],
        },
        {
            test: /\.scss$/,
            use: ['style-loader', 'css-loader', 'sass-loader'],
        }
      ]
  }
};
import ReactDOM from 'react-dom';
import React from 'react';
import App from './App';
import * as serviceWorker from './serviceWorker';
/*require('file-loader?name=[name].ext!./index.html');*/
import './index.scss';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

serviceWorker.unregister();
/src/index.js

const path = require('path');

module.exports = {
  mode: 'development',
  entry: './src/index.js',
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
  },
  devServer: {
    contentBase: path.join(__dirname, 'public')
  },
  module: {
      rules: [
        {
            test: /\.(js|jsx)$/,
            exclude: /node_modules/,
            use: ['babel-loader', 'babel-plugin-transform-react-jsx']
        },
        {
            test: /\.(?:|gif|png|jpg|jpeg|svg)$/,
            use: ['file-loader'],
        },
        {
            test: /\.css$/,
            use: ['style-loader', 'css-loader'],
        },
        {
            test: /\.scss$/,
            use: ['style-loader', 'css-loader', 'sass-loader'],
        }
      ]
  }
};
import ReactDOM from 'react-dom';
import React from 'react';
import App from './App';
import * as serviceWorker from './serviceWorker';
/*require('file-loader?name=[name].ext!./index.html');*/
import './index.scss';

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

serviceWorker.unregister();
从“react dom”导入ReactDOM;
从“React”导入React;
从“./App”导入应用程序;
将*作为serviceWorker从“/serviceWorker”导入;
/*要求('file-loader?name=[name].ext!。/index.html')*/
导入“/index.scss”;
ReactDOM.render(
,
document.getElementById('root'))
);
serviceWorker.unregister();

[对象]是什么意思?在index.js文件中没有这样的东西

我解决了这个问题,有必要从/webpack.config.js中删除“babel plugin transform react jsx”