Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Webpack下的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文件.

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

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

app.module.ts和main.ts的内容被带到from Angular.IO page.

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

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

解决方法

您的webpack.config.js中的文件扩展名配置无效 – 而不是

resolve: ["",".ts"]

你应该有

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

编辑:

如果您需要定位webpack2,在您的情况下,迁移将非常轻松 – 只需要从扩展中删除“”:

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

大佬总结

以上是大佬教程为你收集整理的Webpack下的Angular无法找到现有的app.module.ts文件全部内容,希望文章能够帮你解决Webpack下的Angular无法找到现有的app.module.ts文件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: