Question

我一直在尝试使用以下模块来处理react / webpack应用程序：

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

每当我导入模块时，我的服务器都不会启动，它会因语法错误而崩溃：Uncaught SyntaxError: Unexpected token import。

似乎在整个模块代码中它使用es6导入/导出，但是当我尝试安装并将其导出到我自己的文件中时，这些行中的每一行都会破坏模块。

我已经尝试查看模块的源代码以及独立版本，但无法工作 - 但是 - 我知道该模块在独立的HTML文件中工作，因为当我在本地下载时它们的演示仍然有效。

这可能与webpack的不兼容性有关吗？我一直在与他们的代码和高级开发人员一起工作，我们似乎无法加载模块。

Answer 1

显然你在尝试导入es6模块而不使用Babel之类的es6编译器

如果您打算将它与CommonJS一起使用，您应该考虑使用require添加它：

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

Answer 2

我相信你正在使用这个模块/ js作为前端（浏览器）。我建议在构建环境中使用babelify。您可以查看给定链接中的文档。

webpack-for-browserify-users

babeljs.io-installation

babel/babelify

巴别变换 -

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"));

导入时NPM模块抛出错误

2 个答案: