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"] } (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |