2017-03-02 83 views
-1

由於某些原因,當我運行webpack時,編譯器無法從main.ts中加載我的app.module。我的應用程序不包括webpack可以正確找到所有模塊,但是在使用Webpack時無法這樣做。Webpack無法加載嵌套的依賴關係

我webpack.config

 var webpack = require("webpack"); 
     var HtmlWebpackPlugin = require('html-webpack-plugin'); 

     module.exports= { 
    entry: { 
     'vendor': './vendor.ts', 
     'polyfills' : './polyfills.ts', 
     'app': './main.ts' 
    }, 
    output: 
    { 
     path: './dist', 
     filename: '[name].bundle.js', 
    }, 
    plugins:[ 
     new HtmlWebpackPlugin({ 
      template: './index.html' 
     }) 
    ] 
} 

但是運行此我得到的錯誤

./main.ts Module not found: Error: Can't resolve './app.module' in 'C:\Users\Documents\Visual Studio 2015\Projects\samples.solution\AngularCore\src' @ ./main.ts 2:0-41 @ multi (webpack)-dev-server/client?http://localhost:8080 ./main.ts

我幾乎失去了在這一點上。我認爲這是一個路徑問題,但我不確定如何解決它以獲取Angular 2引導和工作。

+0

它應該是'./app.module.ts'嗎?除非配置,否則Webpack不會自動解析'.ts'。 –

+0

即使./app.module.ts依賴於Main.ts.我認爲把它放入一個webpack會自動把它拉進去 –

回答

0

我發現了我在找的東西。在使用Angular-Cli創建應用程序之後,在項目中我運行了ng eject,它創建了webpack.confgiure.js並且它可以工作

相關問題