uni-app 自定义uni_modules 初始化UTS插件导入使用报错 [plugin:vite:import-analysis]

发布于 1周前 作者 yuanlaile 最后一次编辑是 5天前 来自 Uni-App

uni-app 自定义uni_modules 初始化UTS插件导入使用报错 [plugin:vite:import-analysis]

[p][plugin:vite:import-analysis] Failed to resolve import "../../uni_modules/uta-demo" from "E:/work/test-01/pages/index/index.vue". Does the file exist?

[p]使用hello-uts模板初始化项目;常见插件;引入后报错?[/p]

https://www.itying.com/uniimg.php?url=https://img-cdn-tc.dcloud.net.cn/uploads/questions/20241230/8cef835cfb5b6f5c721338e8d80b049d.jpg


4 回复

可以提交一个测试工程,说明测试步骤


新建项目: hello-uts

代码运行至浏览器

创建 uni_modules插件; 命名为uta-demo

按示例页面引用
import { MyApi }from ‘…/…/uni_modules/uta-demo’;

在处理 uni-app 自定义 uni_modules 并遇到 Vite 插件导入报错 [plugin:vite:import-analysis] 的问题时,通常涉及到模块解析或插件配置不正确。下面是一个简化的代码案例和配置示例,帮助你定位和解决问题。

步骤 1: 确保 uni_modules 结构正确

首先,确保你的 uni_modules 文件夹结构符合 uni-app 的要求。例如:

/my-uni-app
  /uni_modules
    /my-custom-module
      /src
        main.js
      package.json

步骤 2: 配置 package.json

my-custom-module/package.json 中,确保定义了 main 字段指向你的入口文件,以及正确的 nameversion

{
  "name": "@my-org/my-custom-module",
  "version": "1.0.0",
  "main": "src/main.js",
  "uni_module": true
}

步骤 3: 编写模块代码

my-custom-module/src/main.js 中,编写你的模块代码。例如:

export function hello() {
  return 'Hello from custom module!';
}

步骤 4: 在主项目中引用模块

在你的主项目 my-uni-app 中,通过相对路径或(如果配置正确)通过 npm 包名方式引用模块。例如,在 pages/index/index.vue 中:

<template>
  <view>{{ message }}</view>
</template>

<script>
// 假设你已经在根目录运行了 npm link @my-org/my-custom-module
import { hello } from '@my-org/my-custom-module';

export default {
  data() {
    return {
      message: ''
    };
  },
  mounted() {
    this.message = hello();
  }
};
</script>

步骤 5: 检查 Vite 配置

如果报错与 Vite 相关,检查 vite.config.js(如果使用了 Vite)。确保 Vite 能正确解析你的模块路径。通常,对于本地 uni_modules,你可能不需要特殊配置,但如果有特殊需求,可以添加解析别名。

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

export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@my-org/my-custom-module': path.resolve(__dirname, 'uni_modules/my-custom-module/src')
    }
  }
});

注意:上面的 Vite 配置示例可能需要根据你的项目结构调整。

确保所有路径和依赖项都正确无误,并且版本兼容。如果问题依旧存在,检查控制台输出的详细错误信息,看看是否有更具体的提示,如模块找不到、语法错误等。

回到顶部