Vue3中import报错Cannot use import statement outside a module at (program)如何解决

在Vue3中，如果你使用了ES6的模块化语法，你需要确保你的代码运行在支持模块化的环境中。如果你在浏览器中直接运行代码，你需要使用`<script type="module">`标来包裹你的代码。如果你使用的是Webpack等打包工具，你需要确保你的打包配置正确，支持ES6模块化语法。

另外，如果你在Vue3中使用了`import`语句，你需要确保你的代码运行在支持模块化的环境中，并且你需要使用`.mjs`或`.js`文件扩展名来保存你的模块化文件。

以下是一个使用Webpack打包Vue3应用的例子：

// webpack.config.js
module.exports = {
  // ...
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  },
  module: {
    rules: [
      {
        test: /\.m?js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      },
      // ...
    ]
  }
  // ...
}