Unexpected token import

"Unexpected token import"错误通常是由于ES6模块语法在当前环境中不受支持而引起的。解决这个问题的方法是使用Babel将ES6模块语法转换为CommonJS模块语法，或者使用Webpack等打包工具来处理模块语法。

以下是两种解决方法：

1.使用Babel将ES6模块语法转换为CommonJS模块语法

首先，安装必要的Babel插件：

npm install --save-dev @babel/core @babel/cli @babel/preset-env @babel/plugin-transform-runtime

然后，在项目根目录下创建一个`.babelrc`文件，并添加以下内容：

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime"
 ]
}

最后，在`package.json`文件中添加一个`build`脚本，用于编译代码：

{
  "scripts": {
    "build": "babel src -d dist"
  }
}

现在，运行`npm run build`命令即可将ES6模块语法转换为CommonJS模块语法。

2.使用Webpack等打包工具来处理模块语法

Webpack等打包工具可以自动处理模块语法，无需手动转换。首先，安装必要的Webpack插件：

npm install --save-dev webpack webpack-cli babel-loader @babel/core @babel/preset-env

然后，在项目根目录下创建一个`webpack.config.js`文件，并添加以下内容：

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
};

最后，在`package.json`文件中添加一个`build`脚本，用于打包代码：

{
  "scripts": {
    "build": "webpack"
  }
}

现在，运行`npm run build`命令即可使用Webpack打包代码，并自动处理模块语法。