Компонент material-ui-next Модал не переносится на ES5 Бабелем - PullRequest
Новая
       23

Компонент material-ui-next Модал не переносится на ES5 Бабелем

0 голосов
/ 07 мая 2018

Модал, один из компонентов material-ui-next, не транслируется Babel в код, совместимый с ES5.

Мой .babelrc: 

{
  "presets": ["es2015", "react", "stage-1", "stage-2", "stage-3"]
}

Мой webpack-config.js: 

var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, '../main/webapp/resources/js');
var APP_DIR = path.resolve(__dirname, 'src/App');

process.env.NODE_ENV = 'development';

var config = {
    entry: ['babel-polyfill', APP_DIR + '/index.jsx'],
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.DefinePlugin({
            'process.env.NODE_ENV': '"development"',
        })
    ],
    module : {
        rules : [
            {
                test : /\.jsx?/,
                include : APP_DIR,
                exclude: /node_modules/,
                loader : 'babel-loader'
            }
        ]
    }
};
module.exports = config;

Часть кода результата: код выхода .

Материал-UI-следующий модал на GitHub

Как я могу это исправить?

1 Ответ

0 голосов
/ 08 мая 2018

Это была проблема импорта. Я изменил это: 

import Drawer from "material-ui/es/Drawer/Drawer";

К этому:

import {Drawer} from "material-ui"; И теперь работает нормально.

...