模塊'AppModule'導入的意外值'MdlModule'

從angular2 Rc.5移至Final後剛剛開始出現此錯誤。我不知道可能是什麼原因造成的，但我認爲它來自於angular2-mdl軟件包。如果有人能幫助我，我會很高興。模塊'AppModule'導入的意外值'MdlModule'

下面是完整的錯誤消息：

Uncaught Error: Unexpected value 'MdlModule' imported by the module 'AppModule'

這裏是我的包：

"dependencies": { 
"@angular/common": "2.0.0", 
"@angular/compiler": "2.0.0", 
"@angular/core": "2.0.0", 
"@angular/forms": "2.0.0", 
"@angular/http": "2.0.0", 
"@angular/platform-browser": "2.0.0", 
"@angular/platform-browser-dynamic": "2.0.0", 
"@angular/router": "3.0.0", 
"@angular/upgrade": "2.0.0", 
"@angular2-mdl-ext/popover": "0.0.3", 
"@angular2-mdl-ext/select": "0.0.2", 
"angular2-jwt": "^0.1.23", 
"angular2-mdl": "1.7.1", 
"core-js": "^2.4.1", 
"es6-shim": "^0.35.0", 
"es7-reflect-metadata": "^1.6.0", 
"jwt-decode": "^2.0.1", 
"material-design-icons": "^3.0.1", 
"material-design-lite": "^1.2.1", 
"rxjs": "^5.0.0-beta.12", 
"zone.js": "^0.6.23" 
    }, 

"devDependencies": { 
"@angularclass/hmr": "^1.0.1", 
"@angularclass/hmr-loader": "^1.0.0", 
"angular2-template-loader": "^0.4.0", 
"css-loader": "^0.23.1", 
"exports-loader": "^0.6.3", 
"expose-loader": "^0.7.1", 
"extract-text-webpack-plugin": "^1.0.1", 
"favicons-webpack-plugin": "0.0.7", 
"file-loader": "^0.8.5", 
"html-loader": "^0.4.3", 
"html-webpack-plugin": "^2.15.0", 
"imports-loader": "^0.6.5", 
"jasmine-core": "^2.4.1", 
"json-loader": "^0.5.4", 
"karma": "^0.13.22", 
"karma-jasmine": "^0.3.8", 
"karma-phantomjs-launcher": "^1.0.0", 
"karma-sourcemap-loader": "^0.3.7", 
"karma-webpack": "^1.7.0", 
"null-loader": "^0.1.1", 
"phantomjs-prebuilt": "^2.1.7", 
"raw-loader": "^0.5.1", 
"sass-loader": "^4.0.0", 
"style-loader": "^0.13.1", 
"ts-loader": "^0.8.1", 
"tslint": "^3.5.0", 
"tslint-loader": "^2.1.3", 
"typedoc": "^0.4.4", 
"typescript": "^2.0.2", 
"typings": "^1.0.4", 
"webpack": "^1.13.2", 
"webpack-dashboard": "^0.1.8", 
"webpack-dev-server": "^1.15.1", 
"webpack-merge": "^0.14.1", 
"webpack-node-externals": "^1.4.3" 
    }

我的構建和開發系統：「的WebPack」：「1.13.2」

來源

2016-09-20 Davmixcool Oti

不容易幫助您不完整的配置方面的知識。 npm安裝後有沒有錯誤？你真的在vendor.ts文件中使用哪些軟件包？你是以什麼順序進口polyfills。你依靠core-js和es7-reflect-metadata booth提供裝飾器。通常這個錯誤告訴你MdlModule沒有元數據。這是可能的，如果你使用更多的一個polyfill的裝飾... – michael

npm安裝後沒有錯誤。這裏是我的vendor.ts中的包 'import'@ angular/platform-browser'; import'@ angular/platform-browser-dynamic'; import'@ angular/core'; import'@ angular/common'; import'@ angular/http'; import'@ angular/router'; import'angular2-mdl'; import'@ angular2-mdl-ext/select'; import'material-design-lite/material.min.css'; import'material-design-icons/iconfont/material-icons.css'; import'angular2-mdl/src/scss-mdl/_color-definitions.scss'; import'angular2-mdl/src/scss-mdl/material-design-lite.scss'; import'rxjs';' –

這裏是我的polyfills的導入順序 'import'core-js/es6'; import'core-js/es7/reflect'; require（'zone.js/dist/zone'）; （process.env.ENV ==='production'）{ // Production } else { // Development Error ['stackTraceLimit'] = Infinity; require（'zone.js/dist/long-stack-trace-zone'）; }' –

在將webpack升級到v2的同時，它的依賴關係還包括awesome-typescript-loader在webpack.config中處理我的ts文件後，錯誤消失了，現在一切似乎都正常了。

升級的WebPack到V2

"extract-text-webpack-plugin": "^2.0.0-beta.4", 
"webpack": "^2.1.0-beta.22", 
"webpack-dev-server": "^2.1.0-beta.4",

包括真棒，打字稿加載器來處理TS文件

loaders: [ 
    { 
     test: /\.ts$/, 
     loaders: ['awesome-typescript-loader', 'angular2-template-loader'] 
    }, 
    ... 
    ]

來源

2016-09-20 22:38:38

模塊'AppModule'導入的意外值'MdlModule'

回答

相關問題