Angular 有角度的网页下可以'；找不到现有文件app.module.ts

我的webpack.config.js是这样的

var HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
  entry: "./source/application/main.ts",
  output: {
    path: "./distribution",
    filename: "app.bundle.js"
  },
  module: { loaders: [{ test: /\.ts$/, loader: "ts-loader" }] },
  plugins: [new HtmlWebpackPlugin({ template: "./source/index.html" })],
  resolve: ["", ".js", ".ts"]
}

它正确地查找和解释文件main.ts，除非在引导模块（下面第三行）时，它表示无法解析该文件。这是我的main.ts文件

无法解析的文件就在那里。如果我更改它的名称或删除它，我的IDE会告诉我它丢失了。但是，由于某些原因，在引导进程时，计算机无法找到它

./application/main.ts中出错
找不到模块：错误：无法解析“文件”或“目录”。/app.Module在C:…\main
@/应用/main.ts 3:19-42 webpack:捆绑包现在有效

app.module.ts和main.ts的内容已显示出来

我看到一些帖子说，这是因为config.json无效和/或Windows中的路径可能存在一些混乱。但是，我已经验证了该文件是否有效，并尝试将

context:require（“path”）.resolve（\uu dirname，“app”），

添加到我的网页包配置中。这只会导致找不到以前的app.ts文件，所以我忽略了这种方法

---

我花了好几天的时间试着让它发挥作用，但我的弹药已经用完了。我怎样才能排除故障呢？

您的

webpack.config.js

中的文件扩展名配置无效，而不是

resolve: ["", ".js", ".ts"]

你应该

resolve: {
    extensions: ["", ".js", ".ts"]
}

编辑：

如果您需要针对webpack2，那么在您的情况下，迁移将非常轻松-只需从扩展中删除

”

：

resolve: {
    extensions: [".js", ".ts"]
}

---

这

从“/app.module”导入{AppModule}

意味着

app.module

的文件与

main.ts

位于同一目录中，后者似乎是

/source/application/main.ts

。是这样吗？此外，解析到

/app

的路径在这里也没有帮助，因为没有任何东西从

app

目录请求任何内容。@Claies就是这样。所有三个文件（main.ts、app.module.ts和app.component.ts）都位于同一目录中。此外，我也尝试使用./source/application解析，但没有效果（不确定上下文：…resolve（）的作用，所以我只是尝试了任何可以想象的东西）。我要悬赏这个问题，因为它让我发疯，我不可能是唯一的一个。在我看来，一切都是正确的，你在正确的位置有一个“`tsconfig.json``文件吗？

resolve: {
    extensions: [".js", ".ts"]
}