Не удалось выполнить синтаксический анализ модуля. Вам может понадобиться соответствующий загрузчик для обработки этого типа файлов. При использовании файла реакции-contextmenu ConnectMenu - PullRequest
0 голосов
/ 03 апреля 2019

Я использую реагирующее контекстное меню в своем приложении и при использовании его файла ConnectMenu.js ./node_modules/react-contextmenu/src/connectMenu.js Сбой при синтаксическом анализе модуля: неожиданный токен (31:23) Возможно, вам нужен соответствующий загрузчикобрабатывать этот тип файла.|} ||handleShow = (e) => {|if (e.detail.id! == menuId) return;

У меня была установлена ​​предустановка es2015, но все еще возникла та же проблема.

package.json

"dependencies": 
{
"autoprefixer": "7.1.6",
"aws-sdk": "^2.278.1",
"axios": "^0.18.0",
"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-jest": "20.0.3",
"babel-loader": "7.1.2",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react-app": "^3.1.1",
"babel-runtime": "6.26.0",
"classnames": "^2.2.5",
"css-loader": "0.28.7",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.5",
"fs-extra": "3.0.1",
"html-webpack-plugin": "2.29.0",
"react": "^16.8.3",
"react-contextmenu": "^2.9.2",
"sw-precache-webpack-plugin": "0.11.4",
"url-loader": "0.6.2",
"webpack": "3.8.1",
"webpack-dev-server": "2.9.4",
"webpack-manifest-plugin": "1.3.2"

}

webpack.config

  module: {
    rules: [
        {
            test: /\.js$/,
            use: [{
                loader: 'babel-loader',
                options: {
                     presets: [
                        'react','es2015',
                        ['env', {
                            modules: false,
                            targets: {
                                browsers: 'IE >= 11, Edge >= 12, FireFox >= 38, Chrome >= 47, Opera >= 34, Safari >= 8'
                            }
                        }]
                    ],
                    plugins: [
                        'transform-class-properties'
                    ]
                }
            }],
            include: [
                path.resolve(__dirname, '../src'),
                path.resolve(__dirname)
            ]
        },
        {
            test: /\.css$/,
            use: Extract.extract({
                fallback: 'style-loader',
                use: [{
                    loader: 'css-loader'
                }]
            }),
        }
    ]
},

Может кто-нибудь помочь мне в этом.?Спасибо

...