NPM модуль выдает ошибку, когда импортируемый

Question

Я пытался получить следующий модуль для работы на среагировать/приложение WebPack:

https://github.com/ripjar/material-datetime-picker

Всякий раз, когда я импортировать модуль моего сервер обыкновения начинаться и он выходит из строя с синтаксической ошибкой: Uncaught SyntaxError: Unexpected token import.

По всей видимости, во всем модуле кода используется es6 для импорта/экспорта, но каждая из этих строк разбивает модуль при попытке установить и экспортировать его в мой собственный файл.

Я пробовал посмотреть исходный код модуля, а также автономную версию, но не могу работать либо, но я знаю, что модуль работает внутри автономного HTML-файла, так как их демо продолжает работать, когда я его загружаю на местном уровне.

Может ли это иметь отношение к несовместимости с веб-пакетом? Я работал с их кодом вместе со старшим разработчиком, и мы не можем заставить модуль загружаться вообще.

Answer 1

Видимо вы пытаетесь импортировать модуль ES6, а не с помощью ES6 компилятор как Babel

Если вы собираетесь использовать его с CommonJS вы должны подумать о добавлении его с помощью require:

var MaterialDateTimePicker = require('material-datetime-picker'); 

Answer 2

Я верю тебе используют этот модуль/js для front-end (браузер). Я предлагаю использовать babelify в вашей среде сборки. Вы можете проверить документацию по указанным ссылкам.

webpack-for-browserify-users

babeljs.io-installation

babel/babelify

Бабель transformation--

var fs = require("fs"); var browserify = require("browserify"); 
var babelify = require("babelify"); 

browserify({ debug: true }) 
    .transform(babelify) 
    .require("./script.js", { entry: true }) 
    .bundle() 
    .on("error", function (err) { 
     console.log("Error: " + err.message); 
    }).pipe(fs.createWriteStream("bundle.js"));