uni-app VM957:9 app.js错误 TypeError: common_vendor._export_sfc is not a function

uni-app VM957:9 app.js错误 TypeError: common_vendor._export_sfc is not a function

示例代码：

import { daySeconds } from "[@mac-xiang](/user/mac-xiang)/method";
export function ccc() {
console.log(daySeconds);
return 123;
}

操作步骤：

新建项目->uni-app->默认模板(vue3)->进入终端运行 npm i -S @mac-xiang/method-> 项目根目录下新建文件lib/index.ts->填入代码

import { daySeconds } from "[@mac-xiang](/user/mac-xiang)/method";
export function ccc() {
console.log(daySeconds);
return 123;
}

在main.js中写入代码

import { ccc } from "./lib";
console.log(ccc());

运行 项目至微信小程序.则报以上错误;

预期结果：

正常运行并打印;

实际结果：

VM957:9 app.js错误: TypeError: common_vendor._export_sfc is not a function at app.js? [sm]:20 at y (WASubContext.js?t=wechat&s=1652674320555&v=2.24.2:2) at <anonymous>:7:9 at doWhenAllScriptLoaded (<anonymous>:1134:21) at <anonymous>:15:5 at d.loadBabelModules (assubloader.js:1)(env: Windows,mp,1.05.2204250; lib: 2.24.2)

bug描述：

微信小程序报错 VM957:9 app.js错误: TypeError: common_vendor._export_sfc is not a function at app.js? [sm]:20 at y (WASubContext.js?t=wechat&s=1652674320555&v=2.24.2:2) at <anonymous>:7:9 at doWhenAllScriptLoaded (<anonymous>:1134:21) at <anonymous>:15:5 at d.loadBabelModules (assubloader.js:1)(env: Windows,mp,1.05.2204250; lib: 2.24.2) 此时,在 H5页面正常.

另外一个问题:同样的代码,在使用pnpm时,报错无法找到依赖 js-base64


更多关于uni-app VM957:9 app.js错误 TypeError: common_vendor._export_sfc is not a function的实战教程也可以访问 https://www.itying.com/category-93-b0.html

4 回复

初步原因已经找到.是由于 @mac-xiang/method 包中 导出方法里的一句 module.exports=method 导致; 这一句覆盖了原有 vendor.js的导出属性. 这在编译小程序时被覆盖了.

更多关于uni-app VM957:9 app.js错误 TypeError: common_vendor._export_sfc is not a function的实战教程也可以访问 https://www.itying.com/category-93-b0.html


您好，我也遇到这个问题了，请问这个问题最后是怎么解决呢？

回复 4***@qq.com: 检查你引用的三方库, 看他的导出函数 如果是module.exports=xxx就不行,必须得手动改成 export xxx的所有导出内容

这个错误通常是由于 common_vendor._export_sfc 不是一个函数引起的。在 uni-app 项目中，common_vendor 是一个用于处理组件和模块的工具函数集合。出现这个错误可能有以下几种原因和解决方法：

1. 依赖未正确安装或更新

确保你的项目依赖已经正确安装，并且是最新的版本。你可以尝试以下步骤：

# 删除 node_modules 目录
rm -rf node_modules

# 清除 npm 缓存
npm cache clean --force

# 重新安装依赖
npm install

2. 依赖版本不兼容

某些依赖的版本可能不兼容，导致 common_vendor._export_sfc 无法正常工作。你可以尝试锁定依赖的版本，或者在 package.json 中指定兼容的版本。

3. 代码中存在语法错误或未正确导入模块

检查你的代码，确保所有模块和组件都正确导入，并且没有语法错误。特别是检查 common_vendor 的导入和使用是否正确。

4. 清除构建缓存

有时候构建缓存可能会导致问题，你可以尝试清除缓存并重新构建项目：

# 清除 uni-app 的构建缓存
npm run clean

# 重新构建项目
npm run build

5. 检查 uni-app 版本

确保你使用的是最新版本的 uni-app。你可以通过以下命令更新 uni-app：

npm install @dcloudio/uni-app@latest

6. 查看官方文档和社区

如果以上方法都无法解决问题，建议查看 uni-app 的官方文档或社区论坛，看看是否有其他开发者遇到类似的问题，并找到解决方案。

7. 调试和日志

在调试模式下运行项目，查看详细的日志信息，可能有助于定位问题的根源。

npm run dev

8. 检查组件或页面配置

确保你的组件或页面配置正确，特别是 script 部分的导出语句。例如：

export default {
  // 组件或页面的配置
}
回到顶部