Использование gulp-babel для переноса ES6 из компонентов @Material - PullRequest
Новая
       65

Использование gulp-babel для переноса ES6 из компонентов @Material

1 голос
/ 11 апреля 2019

Я работаю над учебником @Material здесь и столкнулся с проблемой переноса кода ES6.Ранее я создавал проект, используя Gulp в качестве моего бегуна задач, и мне интересно, стоит ли мне просто использовать вместо этого веб-пакет для функциональности комплектации.

Мой код gulpfile.js настроен так: 

const babel = require('gulp-babel');

gulp.task('scripts', function(done) {
    return gulp.src(
      [
      'node_modules/@material/'
      ])
      .pipe(babel({
        presets: ['env']
      }).on('error', babel.logError))
      .pipe(gulp.dest('compiled'))
});

Файл JS с компонентами @Material загружается следующим образом: 

<script type="module" src="js/loggedin.js"></script>

ТоФайл JS выглядит следующим образом: 

import {MDCRipple} from '@material/button';
import {MDCTextField} from '@material/textfield';

Однако в консоли я получаю следующую ошибку: Uncaught TypeError: Failed to resolve module specifier "@material/button". Relative references must start with either "/", "./", or "../".

Когда я пытаюсь разрешить путем добавления относительного пути, консольжалуется: 

GET http://localhost:8081/node_modules/@material/button net::ERR_ABORTED 404 (Not Found)

Я дважды проверил путь, и он должен быть правильным.Что я могу делать не так?

...