Module parse failed: 'import' and 'export' may appear only with 'sourceType: module'

This error occurs because the code is using the import and export statements, which are only allowed in modules. To fix this error, you need to add the "sourceType: module" option to your parser configuration. Here's an example of how to do this with Babel:

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "node": "current"
      }
    }]
  ],
  "parserOpts": {
    "sourceType": "module"
  }
}

In this example, we're using the @babel/preset-env preset to target the current version of Node.js. We've also added the "sourceType: module" option to the parserOpts configuration to enable the use of import and export statements.

相关问题

RROR in ./test/Counter.spec.js 5:0 Module parse failed: 'import' and 'export' may appear only with 'sourceType: module' (5:0)

这个错误信息表明你在尝试在 CommonJS（CommonJS 是 Node.js 中的一种模块系统）环境中导入或导出 ES6 的 `import` 和 `export` 语法。Node.js 在 ES6 之前的版本中并不支持默认的模块系统（`module`）。为了在 Node.js 中使用 ES6 的模块功能，你需要在你的 `karma.conf.js` 文件中的 `webpack` 配置中设置 `sourceType` 为 `'module'`，以便启用 ES6 模块加载。

// 在 karma.conf.js 中添加或更新相关部分
module.exports = function(config) {
  // ...
  // Webpack 配置
  webpack: {
    module: {
      rules: [
        // ...
        {
          test: /\.js$/,
          exclude: /node_modules/,
          options: {
            sourceType: 'module' // 添加这行来启用 ES6 模块
          },
          use: ['babel-loader']
        }
      ]
    }
  }

  // ...
};

记住，`sourceType: 'module'` 只适用于 JavaScript 文件。对于 Vue.js 的 .vue 文件，它们通常不需要修改，因为 Vue CLI 已经配置好了一些处理.vue 文件的loader。

如果仍然有问题，检查是否所有的 .js 文件都设置了正确的 `sourceType`，并且确认 Babel 是否正确地将ES6转换为ES5，以兼容Node环境。