当前位置:  开发笔记 > 前端 > 正文

Webpack下的Angular无法找到现有的app.module.ts文件

如何解决《Webpack下的Angular无法找到现有的app.module.ts文件》经验,为你挑选了0个好方法。

我有这样的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文件.

import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppModule } from "./app.module";
platformBrowserDynamic().bootstrapModule(AppModule);

它无法解决的文件存在.如果我更改其名称或将其删除,我的IDE会告知它已丢失.但是,出于某种原因,当引导进程时,计算机无法找到它.

./application/main.ts中的错误找不到
模块:错误:无法解析C中的'file'或'directory'./app.module:...\main
@ ./application/main.ts 3:19-42 webpack:bundle现在是VALID.

在内容app.module.tsmain.ts被带到从Angular.IO页.

我看到一些帖子说这是因为config.json无效和/或可能在Windows中的路径上有些混乱.但是,我已经验证该文件是有效的,我已经尝试添加context:require("path").resolve(__dirname, "app"),到我的Webpack配置中.它只导致找不到以前的文件app.ts,所以我忽略了这种方法.

我花了很多天试图让它工作,我没有弹药.我怎么能解决它呢?

推荐阅读
雯颜哥_135
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有