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



我正试图将一个节点模块导入我的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浏览模板开始,并尝试引入一个日期选择器组件。

如有任何帮助,我们将不胜感激!

按照您链接的项目的自述,使用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本地日期选择器组件的问题,最近在这里得到了修复:

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

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

这个错误是在Vue 3已经在运行的项目中出现的。没有明显的原因,因为在这个问题之前一切都很好。

我在package.json中添加了类型键来强制执行构建过程,使用CommonJs作为vue.config.js的格式。

{
"type": "commonjs"
}

然后从终端:

npm ci

如果仍然不起作用。我会删除package-lock.json,删除node_modules目录,然后重新安装。最终,我采取了这一步骤,但应该没有必要。

相关内容

最新更新