uniapp failed to load module script: expected a javascript-or-wasm module script如何解决？

我在使用uniapp开发时遇到报错：“failed to load module script: expected a javascript-or-wasm module script”，这个错误导致页面无法正常加载。请问有人知道这是什么原因引起的吗？我检查了代码路径和模块引入都没问题，但依然报错。想请教下大家有没有遇到过类似问题，该如何解决？

2 回复

检查以下几点：

  1. 确保文件路径正确，无中文或特殊字符
  2. 检查文件扩展名是否为.js或.wasm
  3. 确认服务器MIME类型配置正确
  4. 清除浏览器缓存重新编译
  5. 检查import语法是否正确

这个错误通常出现在 UniApp 项目中，表示模块加载失败。以下是常见原因和解决方案：

主要原因

  1. 路径错误 - 模块路径不正确
  2. 文件缺失 - 引用的模块文件不存在
  3. 语法错误 - 模块文件存在语法问题
  4. 缓存问题 - 浏览器缓存导致

解决方案

1. 检查模块导入路径

// 错误示例
import module from './module' // 缺少文件扩展名

// 正确示例
import module from './module.js'
import utils from '@/utils/index.js'

2. 验证文件存在性

  • 检查引用的模块文件是否真实存在
  • 确认文件路径大小写正确（Linux服务器区分大小写）

3. 清理缓存重新编译

# 清除缓存
npm run dev:clean
# 或手动删除
rm -rf node_modules/.cache
rm -rf unpackage/dist

# 重新安装依赖
npm install

# 重新运行
npm run dev

4. 检查模块语法

确保模块文件使用正确的ES6语法：

// 正确导出
export default {
  data() {
    return {}
  }
}

// 或
export function myFunction() {
  // ...
}

5. 检查网络请求

如果是网络模块，检查URL是否正确可用。

6. 开发环境重置

  • 关闭HBuilderX/开发服务器
  • 删除 unpackage、node_modules 文件夹
  • 重新 npm install 和运行项目

通常执行清理缓存和检查路径后问题即可解决。如果问题持续，请提供具体的错误堆栈和代码片段以便进一步诊断。

回到顶部