uni-app中app.js报错:Error: module 'common/vendor.js' is not defined, require args is './common/vendor.js'

发布于 1周前 作者 sinazl 来自 Uni-App

uni-app中app.js报错:Error: module ‘common/vendor.js’ is not defined, require args is ‘./common/vendor.js’
新创建的项目运行到微信小程序都会报这个错导致白屏,移动unpackage/dist/dev/mp-weixin/common文件会暂时好一下再保存就会继续报这个错误。

图片

1 回复

在uni-app项目中遇到模块加载错误,如“Error: module ‘common/vendor.js’ is not defined, require args is ‘./common/vendor.js’”,通常意味着系统在尝试加载指定的模块文件时未能找到它。这种问题可能由多种原因引起,包括但不限于文件路径错误、文件缺失或打包配置问题。

以下是一些可能的解决步骤和相关的代码检查方法,但请注意,由于无法直接访问你的项目文件,这些示例将基于假设和通用实践:

  1. 检查文件路径和文件名: 确保vendor.js文件确实存在于项目的common目录下。在IDE中检查文件路径是否正确,包括大小写。

  2. 检查引用方式: 如果vendor.js是通过requireimport被引入,确保路径书写正确。例如,如果你是从app.js中引入,且app.jscommon文件夹在同一层级,路径应该是正确的。但值得检查是否有拼写错误或不必要的相对路径调整。

  3. 配置检查: uni-app项目通常使用webpack进行打包。检查webpack.config.js(或类似的配置文件)中是否有关于vendor.js的特殊处理或别名配置。

  4. 清理和重建: 有时候,简单的清理和重建项目可以解决缓存或打包不一致的问题。可以尝试删除node_modules目录和distbuild目录(如果存在),然后重新运行npm install和构建命令。

  5. 示例代码审查: 假设app.js中的代码类似于以下形式,确保路径正确无误:

    // app.js
    const vendor = require('./common/vendor.js');
    
    App({
      onLaunch() {
        console.log('App Launch', vendor);
      },
      // 其他方法...
    });
    

    如果vendor.js中导出了某些功能,确保这些导出是正确的,例如:

    // common/vendor.js
    export function helloWorld() {
      return 'Hello, World!';
    }
    
  6. 查看控制台和日志: 运行项目时,仔细观察控制台输出的其他错误信息,可能有助于定位问题。

如果以上步骤仍未解决问题,可能需要更详细地检查项目的具体配置和代码结构,或者考虑是否有第三方库或插件影响了模块加载。在某些情况下,查阅uni-app的官方文档或社区论坛也可能提供额外的线索。

回到顶部