vite搭建的项目报错 You can mark the path "vue" as external to exclude it from the bundle, which will remove this error.解决办法

Vite 是一个基于浏览器原生 ES imports 的开发服务器，它使用了 Rollup 打包工具来构建项目。如果你在使用 Vite 搭建的项目中出现了 `You can mark the path "vue" as external to exclude it from the bundle, which will remove this error.` 的错误提示，这通常是由于 Vue 被打包进了 bundle 中，导致了重复引用的问题。

解决这个问题的方法是将 Vue 标记为外部依赖，从而将其从 bundle 中排除掉，可以通过在 `vite.config.js` 配置文件中添加如下代码来实现：

export default {
  // ...
  optimizeDeps: {
    exclude: ['vue']
  }
}

这样，Vite 就会将 Vue 视为外部依赖项，并从外部引入它，而不是将它打包进 bundle 中。

需要注意的是，如果你的项目中使用了其他类似的第三方库，也可以通过类似的方式将其标记为外部依赖项，避免出现类似的问题。

相关问题

vite创建vue3项目报错

vite创建vue3项目报错是因为项目中的内容包含了无效的JavaScript语法，导致解析失败。为了解决这个问题，你可以按照以下方法进行操作：

1. 首先，确保你已经全局安装了`create-vite-app`，可以使用命令`npm install -g create-vite-app`进行安装。

2. 接着，使用`create-vite-app`命令创建项目。你可以使用以下命令创建一个名为`vite_prj`的项目：

npm init vite-app vite_prj

3. 进入项目目录：

cd vite_prj

4. 安装项目依赖：

npm install

5. 如果在安装依赖过程中提示有风险和漏洞，可以使用以下命令进行修复：

npm audit fix --force

6. 确保你已经安装了`@vitejs/plugin-vue`插件，如果没有安装，可以使用以下命令进行安装：

npm install @vitejs/plugin-vue -D

7. 创建一个名为`vite.config.js`的项目配置文件，并添加以下内容：

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';

export default defineConfig({
  plugins: [vue()],
});

8. 最后，重新运行项目：

npm run dev

这样应该就能解决vite创建vue3项目报错的问题了。

Error: [vite]: Rollup failed to resolve import "F:/ZHZS/enterprise-operation-platform/node_modules/ant-design-vue/es/range-picker/style/index" from "src/views/statistics/bigData/index.vue". This is most likely unintended because it can break your application at runtime. If you do want to externalize this module explicitly add it to `build.rollupOptions.external`

根据你提供的信息，这是一个 Rollup 打包错误。报错信息显示 Rollup 无法解析 "F:/ZHZS/enterprise-operation-platform/node_modules/ant-design-vue/es/range-picker/style/index" 这个模块。这通常是因为该模块无法找到或缺少必要的依赖项。

解决这个问题的方法是将 "ant-design-vue" 添加到 Rollup 的 external 配置中，以确保它不会被打包进最终的输出文件中。在你的 `vite.config.js` 文件中添加以下配置：

export default {
  build: {
    rollupOptions: {
      external: ['ant-design-vue']
    }
  }
}

这应该可以解决你的问题。如果问题仍然存在，请检查一下 "ant-design-vue" 模块是否正确安装，并且是否缺少其他依赖项。