У меня есть эта страница:
import React, { Fragment } from "react";
import "./Loader.css";
const Loading = ({ loadingMsg, styling }) => {
return (
<Fragment>
<div className="loader">
<p style={styling}>{loadingMsg}</p>
</div>
</Fragment>
);
};
export default Loading;
Я не знаю, почему, когда я запускаю свой проект, он выдает эту ошибку:
ERROR in ./src/components/Loading/Loading.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Unexpected token (6:4)
мой файл babelrc:
{
"presets": ["@babel/preset-env", "@babel/preset-react"],
"plugins": ["@babel/plugin-proposal-class-properties"]
}
и мой конфигурационный файл webpack:
const path = require('path')
module.exports = {
target: 'web',
mode: 'development',
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js'
},
resolve: { extensions: ['.js', '.jsx'] },
devServer: {
port: 3000,
publicPath: "/",
contentBase: "./public",
hot: true
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
loader: 'babel-loader'
},
{
test: /\.html$/i,
loader: 'html-loader',
},
{
test: /\.css$/i,
use: ['style-loader', 'css-loader'],
},
{
test: /\.svg$/,
loader: 'svg-inline-loader'
},
{
test: /\.(png|jpe?g|gif)$/i,
use: [
{
loader: 'file-loader',
},
],
},
{
test: /\.svg$/,
use: [
{
loader: 'svg-url-loader',
},
],
},
],
},
};
я думаю, что у меня все хорошо, поэтому я не понимаю, где проблема с этим файлом загрузчика. я уже удаляю часть фрагмента, и когда я это делаю, та же ошибка сообщает о div.
yarn start
который запускаетreact-scripts start
? - person paolostyle   schedule 18.05.2020react-scripts
. Вы не найдете оригинал, если не извлечете, чего делать не следует (если только вы не хотите просто узнать, как он выглядит, в этом случае вы можете либо проверить его на github, либо запуститьyarn eject
в отдельном проекте, так как это необратимо ). - person paolostyle   schedule 18.05.2020