Vue“解析错误：“import”和“export”只能与“sourceType：模块'“

ckocjqey 于 2023-04-12 发布在 Vue.js

关注(0)|答案(2)|浏览(503)

我试图将一个node模块导入到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。
任何帮助将不胜感激！

2条答案

按照您链接的项目的自述文件并使用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编译了你指出的相同示例。

编辑：

这个错误出现在我已经在Vue 3工作的项目中。没有明显的原因，因为在这个问题之前一切都正常。
我将type key添加到package.json中以强制执行构建过程，使用CommonJs作为vue.config.js的格式。

{
  "type": "commonjs"
}

然后从终端：

npm ci

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