Question

由于某些原因，当我运行webpack时，编译器无法从main.ts中加载我的app.module。我的应用程序不包括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自举并正常工作。

Answer 1

看起来这里发生了一些事情。

首先，您没有指定扩展程序。见这里：https://github.com/webpack/docs/wiki/configuration#resolveextensions

其次，webpack无法编译打字稿文件，因此您需要使用像awesome-typescript-loader这样的加载程序。 https://github.com/s-panferov/awesome-typescript-loader

Answer 2

我找到了我要找的东西。在使用Angular-Cli创建应用程序之后，在项目中我运行ng eject并创建了webpack.confgiure.js并且它可以正常工作

Webpack无法加载嵌套依赖项

2 个答案: