angularjs - angular webpack ng-file-upload

标签 angularjs webpack ng-file-upload

我正在尝试让 ng-file-upload 与我的 angularjs 项目一起使用,该项目使用 webpack。我通过 npm 安装了 ng-file-upload 并将其添加到我的主 app.js

var ngFileUpload = require('../../node_modules/ng-file-upload/dist/ng-file-upload.min');
module.exports = angular.module('app', [ngFileUpload])

但我仍然得到:
Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module {} due to:
Error: [ng:areq] Argument 'module' is not a function, got Object

谁能告诉我我做错了什么,因为我试图找到有关此的任何信息但没有成功。

最佳答案

查找 ngFileUpload 正在导出的内容以及模块的名称。现在,您正在将模块注入(inject)到 Angular 依赖项中,但您只需要给出 ngFileUpload 模块的名称,而不是 ngFileUpload 它自己的名称。这就是您收到此错误的原因。它期待一个模块的名称,但取而代之的是一个对象。

关于angularjs - angular webpack ng-file-upload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39059604/

相关文章:

javascript - 将 jQuery 命名空间注入(inject) AngularJS

javascript - 如何使用Webpack将不同的文件扩展名输出到不同的目录?

javascript - 错误 : [$injector:modulerr] Failed to instantiate module ngFileUpload

AngularJS 1.5+ 组件不支持观察者,解决方法是什么?

javascript - 从事件处理函数返回 true

Angularjs 应用范围更改以立即查看

javascript - JavaScript uploader 可以更改文件的二进制代码吗?

reactjs - Webpack URI错误: Failed to decode param '/%PUBLIC_URL%/favicon.ico'

javascript - 如何使用 webpack 服务器端处理静态 Assets ?

angularjs - 跨域图片上传 Angular+laravel