Vue "ParseError: 'import' 和 'export' 可能只出现在 'sourceType: module' 中"答案

【问题标题】：Vue "ParseError: 'import' and 'export' may appear only with 'sourceType: module'"Vue "ParseError: 'import' 和 'export' 可能只出现在 'sourceType: module' 中"
【发布时间】：2018-07-29 12:20:24
【问题描述】：

我正在尝试将节点模块导入到我的 Vue 项目中，但出现以下错误：

ParseError: 'import' and 'export' may appear only with 'sourceType: module'

我知道这可能是由于节点模块没有被 babelify 转换，但我不知道如何修复它。

我的代码可以在这里找到：

https://github.com/timothyylim/vue-date-picker-example

跑步

npm install 
npm run dev

应该显示错误。我只是从vue-cli browserify template 开始，然后尝试加入a date picker component。

任何帮助将不胜感激！

【问题讨论】：

我想我已经为时已晚，在将编辑发布到我的答案后意识到你是在数据选择器组件上打开票证的人。

标签： vue.js ecmascript-6 babelify

【解决方案1】：

~~按照你链接的项目的自述文件使用vue-cli：~~~

npm install -g vue-cli
vue init browserify my-project
cd my-project
npm install
npm run dev

按照命令行说明进行操作，我还必须按照建议安装 @vue/cli-init。在这工作的时候，我可以看到 vue-cli 编译了你指出的同一个例子。

编辑：

看起来这是组件 weifeiyue/vue-datepicker-local 的问题，最近在此处修复：

https://github.com/weifeiyue/vue-datepicker-local/commit/a6e3078936a37acc1d6344b7b4d8c14b42be0844

解决方案应该像更新组件一样简单。

【讨论】：