关于Vite rollup部署 import “/@/XXX” form “XXX“问题（已解决）

最新推荐文章于 2024-09-30 07:15:00 发布

长沙彭小黑

最新推荐文章于 2024-09-30 07:15:00 发布

阅读量3.3w

点赞数 5

分类专栏： VIte Vue 文章标签： vue 构建器

本文链接：https://blog.csdn.net/qq_45032714/article/details/115256786

版权

Vue 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

VIte

3 篇文章 0 订阅

订阅专栏

当遇到Rollup报错，提示无法解析`/@/api/XXX`时，这是因为Rollup自身不支持路径解析。解决方法包括：1) 安装`@rollup/plugin-alias`，在`vite.config.ts`中配置别名；2) 或者安装`rollup-plugin-node-resolve`，同样在配置文件中引入并设置别名。确保别名指向正确目录，如`./src`。

摘要由CSDN通过智能技术生成

报错问题

Rollup failed to resolve import "/@/api/XXX" from "src/XXX.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本身不具备路径解析能力`

解决

方法一：

安装依赖
yarn add @rollup/plugin-alias

vite.config.ts
import alias from "@rollup/plugin-alias";

export default defineConfig({
  plugins: [alias(),vue()],
  resolve: {
    alias: {
      "/@": path.resolve(__dirname, "./src"),
    },
  },
})

方法二：（待正实）

安装
yarn add rollup-plugin-node-resolve·

vite.config.ts
import resolve from "rollup-plugin-node-resolve";

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      "/@": path.resolve(__dirname, "./src"),
    },
  },
  build: {
    rollupOptions: {
      plugins:[
	   resolve()
	  ]
    },
  },
})