Почему я получаю эту ошибку конфигурации Babel JSON? - PullRequest
Новая
       11

Почему я получаю эту ошибку конфигурации Babel JSON?

0 голосов
/ 30 сентября 2019

Так что я создаю этот реагирующий веб-сайт, но не JSX, а TSX. Я использую webpack и Babel. Нужна помощь с этой ошибкой, которую я получаю при запуске webpack-dev-server

ERROR in ./src/index.tsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
...
Error while parsing config - JSON5: invalid character '�' at 1:1

Вот мой .babelrc 

{
    "presets": [
        "@babel/preset-env",
        "@babel/preset-typescript",
        "@babel/preset-react"
    ],
    "plugins": [
        "@babel/proposal-class-properties",
        "@babel/proposal-object-rest-spread"
    ]
}

Это мой webpack.config.js: 

const nodeExternals = require('webpack-node-externals');

module.exports = {
    mode: 'development',
    watch: true,
    entry: './src/index.tsx',
    target: 'node',
    externals: [nodeExternals()],
    output: {
        filename: 'bundle.js',
        path: __dirname + '/dist'
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.json', '.scss']
    },
    devtool: 'source-map',
    devServer: {
        publicPath: '/',
        contentBase: './public',
        hot: true
    },
    module: {
        rules: [{
                test: /\.tsx?$/,
                exclude: '/node_modules/',
                loader: 'babel-loader'
            },
            ...
            {
                enforce: 'pre',
                test: /\.js$/,
                loader: 'source-map-loader'
            }
        ]
    }
};

index.tsx 

import React from 'react';
import ReactDOM from 'react-dom';
import './index.scss';
import App from './components/App/App';
import * as serviceWorker from './serviceWorker';
import store from './store';
import { Provider } from 'react-redux';

ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('root')
);
serviceWorker.unregister();

Я искал везде, но ничего удовлетворительного. Надеюсь, я смогу получить больше информации на этом форуме.

...