[bug] [vite]: Rollup failed to resolve import “axios“ from “src/api/request.js“.

在微信云托管上部署遭遇的bug
日志如下

[2022-05-16 18:01:08] [vite]: Rollup failed to resolve import "axios" from "src/api/request.js".
[2022-05-16 18:01:08] This is most likely unintended because it can break your application at runtime.
[2022-05-16 18:01:08] If you do want to externalize this module explicitly add it to
[2022-05-16 18:01:08] `build.rollupOptions.external`
[2022-05-16 18:01:08] error during build:
[2022-05-16 18:01:08] Error: [vite]: Rollup failed to resolve import "axios" from "src/api/request.js".
[2022-05-16 18:01:08] This is most likely unintended because it can break your application at runtime.
[2022-05-16 18:01:08] If you do want to externalize this module explicitly add it to
[2022-05-16 18:01:08] `build.rollupOptions.external`
[2022-05-16 18:01:08]     at onRollupWarning (/app/node_modules/vite/dist/node/chunks/dep-59dc6e00.js:41489:19)
[2022-05-16 18:01:08]     at onwarn (/app/node_modules/vite/dist/node/chunks/dep-59dc6e00.js:41305:13)
[2022-05-16 18:01:08]     at Object.onwarn (/app/node_modules/rollup/dist/shared/rollup.js:23184:13)
[2022-05-16 18:01:08]     at ModuleLoader.handleResolveId (/app/node_modules/rollup/dist/shared/rollup.js:22474:26)
[2022-05-16 18:01:08]     at /app/node_modules/rollup/dist/shared/rollup.js:22435:26

根据日志提示

If you do want to externalize this module explicitly add it to
`build.rollupOptions.external`

将vue中vite的配置文件中添加

  build:{
    rollupOptions:{
      external:['axios']
    }
  }

完整配置文件如下


import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { quasar, transformAssetUrls } from '@quasar/vite-plugin'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue({
      template: { transformAssetUrls }
    }),

    quasar({
      sassVariables: 'src/quasar-variables.sass'
    })
  ],

  build:{
    rollupOptions:{
      external:['axios']
    }
  }
})

但是会导致axios不可用

所以正确的做法是将axios加入package.json的依赖中

  "dependencies": {
    "axios": "^0.27.2"
  },
  • 3
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值