vue 在router.js中 import 报错: Cannot use import statement outside a moudle

这个错误通常是因为您的代码中使用了ES6的模块语法，但是浏览器或Node.js环境不支持它。要解决这个问题，您可以使用Babel将您的代码转换为ES5语法，或者使用Webpack等打包工具来处理模块语法。

以下是两种解决方法：

1.使用Babel将代码转换为ES5语法。首先，您需要安装Babel及其相关插件：

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

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

{
  "presets": ["@babel/preset-env"]
}

最后，在命令行中运行以下命令：

npx babel src --out-dir lib

这将把`src`目录下的所有文件转换为ES5语法，并将它们输出到`lib`目录中。

2.使用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']
          }
        }
      }
    ]
  }
};

最后，在命令行中运行以下命令：

npx webpack

这将把`src/index.js`文件及其依赖项打包为一个`bundle.js`文件。