加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

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

发布时间:2020-12-17 07:15:33 所属栏目:安全 来源:网络整理
导读:我有这样的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$/,l
我有这样的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会告知它已丢失.但是,出于某种原因,当引导进程时,计算机无法找到它.

ERROR in ./application/main.ts
Module not found: Error: Cannot resolve ‘file’ or ‘directory’ ./app.module in C:…main
@ ./application/main.ts 3:19-42
webpack: bundle is now VALID.

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"]
}

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读