$ injector nomod模塊'angularFileUpload'不可用

Question

我目前正在將mean.io堆棧用於個人項目，並且一切在本地順利運行。 我試圖部署到Heroku，但遇到一個模塊無法正確實例化的問題！ 我在Stack Overflow上找到了類似的問題，但是沒有一個答案對我有用。

這是我的錯誤：

錯誤：[$ injector：modulerr]由於以下原因而無法實例化模塊均值：[$ injector：modulerr]由於以下原因而未能實例化模塊angularFileUpload：[$ injector：nomod]模塊'angularFileUpload'不可用！ 您可能拼錯了模塊名稱，或者忘記了加載它。 如果注冊模塊，請確保將依賴項指定為第二個參數。 （dist.min.js）

看來我的模塊未加載。 但是根據日志，它安裝正確：

mean@0.3.3安裝后/ tmp / build_5d155aeb-14b5-4414-af19-986a68df3b19節點node_modules / bower / bin / bower安裝

Bower ng-file-upload-shim＃*未緩存git：//github.com/danialfarid/angular-file-upload-shim-bower.git#*

Bower ng-file-upload-shim＃*解決git：//github.com/danialfarid/angular-file-upload-shim-bower.git#*

Bower angular＃*未緩存git：//github.com/angular/bower-angular.git#* bower angular＃*解決git：//github.com/angular/bower-angular.git#* ... Bower ng-file-upload＃*未緩存git：//github.com/danialfarid/angular-file-> upload-bower.git＃*

Bower ng-file-upload＃*解決git：//github.com/danialfarid/angular-file-> upload-bower.git＃*

...

Bower ng-file-upload-shim＃*安裝ng-file-upload-shim＃1.4.0

Bower ng-file-upload＃*安裝ng-file-upload＃1.4.0

...

Bower angular＃1.2.19安裝angular＃1.2.19

...

完成，沒有錯誤。

注意：Danial Farid編寫的angularFileUpload要求shim.js文件在angular之前加載，而后者又在angularFileUpload之前加載。 好像角度之后安裝了，這會有問題嗎？

這是我的模塊，在其中聲明依賴項：

angular.module('mean.thingy', ['angularFileUpload','ngAnimate']).controller(...

最后是我的assets.json：

"js": {
            "public/build/js/dist.min.js": [
            "public/system/lib/jquery/dist/jquery.min.js",
            "public/system/lib/angular-file-upload-master/dist/angular-file-upload-shim.js",
            "public/system/lib/angular/angular.js",
            ...
            "public/system/lib/angular-file-upload-master/dist/angular-file-upload.js",
            "public/init.js",
            "public/*/*.js",
            "public/*/{controllers,routes,services}/*.js"
            ]
        }

如果您有任何幫助或預感，我將不勝感激！ 謝謝！

Answer 1

我遇到了同樣的錯誤，並通過將文件路徑添加到karma.conf.js來解決了

Answer 2

我有同樣的問題，我使用的是mean.js而不是那個mean.io，所以可能會略有不同。

當您問“好像后來安裝了angular時，您走在正確的軌道上，這會成問題嗎？” 我相信是這樣。

要解決此問題，請確保在production.js配置中以正確的順序以及在all.js中放置腳本，例如

            'public/lib/ng-file-upload/FileAPI.min.js', 
            'public/lib/ng-file-upload/angular-file-upload-shim.min.js',
            'public/lib/angular/angular.js',
            'public/lib/ng-file-upload/angular-file-upload.min.js',

Answer 3

將您的上傳依賴項聲明更改為：

angular.module（'mean.thingy'，[' ngFileUpload '，'ngAnimate']）...

Answer 4

就我而言，這是因為我的angular-file-upload-shim.min.js和angular-file-upload.min.js的本地副本已損壞（我沒有使用Bower來獲取它們）。

嘗試從作者的github頁面下載原始.js文件： https : //github.com/danialfarid/angular-file-upload/tree/master/dist ，單擊文件，單擊“ Raw”，然后指向您的JS文件到這些文件的本地副本。