问题标签 [ts-loader]

Can't resolve 'file'自从升级到 typescript 2.1 后，我在运行 webpack 时似乎遇到了一大堆错误

错误位置的示例在这里： https ://github.com/QuantumInformation/youtube-space-invaders/blob/master/src/Game.ts#L32

从 Typescript 2.0.10 升级到 2.1.4 似乎破坏了 webpack、webpack-stream、ts-loader 或 gulp 中的某些内容，因为它不再尊重我的入口点或 gulp 源 glob。它似乎包括我的项目中的所有 .ts 文件（包括 /server 源文件夹中的文件），而不仅仅是 /client 和 app.ts 中的 ts 文件，根据 gulp.src 和 web pack 入口点。我应该这样做有不同/更新/更好的方式吗？

在 gulp 文件中：

在 web 包配置中：

在 tsconfig.json 中：

使用 2.0.10 输出：

使用 2.1.4 输出：

我在使用 WebPack、TypeScript 和 TS-Loader 的应用程序结构和构建过程中发现了一个问题，我认为这是由 TypeScript 2.1.4 引起的，但显然一直存在。

您可以从我的另一篇文章中查看所有详细信息： TypeScript 2.1.4 在 webpack ts-loader 中的重大更改

简而言之，我将 Gulp 和 WebPack 设置为 /client/app.ts 的入口点，其中现在几乎没有任何内容（当然没有引用 /server/），但 WebPack 构建过程的 TypeScript 编译阶段仍在尝试在 /server 上运行（在我的另一篇文章中，显示服务器文件夹中的编译错误，而它应该只从客户端文件夹中运行）。

我做错了什么，我该如何修复它，使其仅在 /client/.ts 文件上运行，并专门从 app.ts 中遍历结构？

这是我的存储库，显示了到目前为止我正在使用的所有内容： https ://github.com/CmdrShepardsPie/test-ts-app/tree/develop

谢谢

我是 webpack 的新手。目前我正在使用 webpack 开发 angular2 应用程序。作为要求的一部分，我们希望有一个不应捆绑的设置文件，以便在捆绑后也可以更改 settings.js 文件中的 URL。

下面是两个文件的代码。

设置.ts

脚本.ts

两个ts文件都会在bundle之前编译成js文件。现在我想从包中排除 settings.ts 文件，并希望将 setting.ts 文件单独复制到 dist 文件夹中。

下面是 webpack.config 文件

我发现没有运气。

我可以使用 CopyWebpackPlugin 复制 dist 文件夹中的 settings.js 文件。但无法从捆绑中排除 settings.ts 文件。

下面是文件夹结构的截图。Webpack.config 与 src 文件夹处于同一级别

我有一个与 Webpack 捆绑在一起的 Angular 2 应用程序，并通过 Karma 和 karma-webpack 对 Jasmine 进行了测试。开发时，代码被正确捆绑和提供。测试时，awesome-ts-loader 在我的 .spec.ts 文件中抛出“模块解析失败”错误。

我正在使用他们的 Github 自述文件中描述的 karma-webpack “替代方法”来加载我的所有 .spec 文件（在 karma-shim.js 中）：

根据几个示例存储库，我的 karma.conf.js 的相关部分配置正确：

我的 Webpack 配置中的所有内容都排列整齐（部分示例）：

来自 tslint 的错误让我认为 Webpack 正确地找到了规范文件，但它可能没有被移交给 awesome-ts-loader，或者它没有加载 tsconfig.json。（同样，开发时一切正常）。

我是 webpack 和打字新手，我正在尝试设置新项目。

我已经全局安装了 webpack。

问题是

1. 即使它不允许我将 entrypoint.ts 的代码放在像这样的模块中

   模块 taxCalculator{ [.....entrypoint.ts 代码.......] }

2. 当我避免第 1 点时，webpack 构建工作正常，但在创建 mainPageController 时我无法在 entrypoint.ts 中使用 testClass。当我加载应用程序时，控制台中出现以下错误：

   taxCalculator.bundle.js:13307 ReferenceError: taxCalculator 未定义

3. 在我的 entrypoint.ts vs 2013 中，“require”文本下方显示了红色错误行。

我已经在互联网上提到了很多，但找不到任何东西，浪费了我的 4-5 个小时，有人可以指导我做错了什么。

以下是我的文件供参考。

包.json

tsconfig.json

打字.json

入口点.ts

索引.html

测试类.ts

我正在尝试构建自己的 angular2/webpack2 样板，这是我的设置

webpack.common.js

webpack.dev.js

该脚本工作正常，但我没有在运行时排除规范

npm 开始

我有

有什么问题 ？

提前致谢

回购协议

以防万一 https://bitbucket.org/whisher/angular2-webpack2-starter

解决了

在我的 tsconfig.json

这是我原来的 webpack 配置文件，由两种不同的配置组成：

即使我所有的导入都被例如 Atom（带有 TypeScript 插件的文本编辑器）接受，但目前只有以下替代工作：

（注意require.resolve('ts-loader')）

如您所见，在第一个配置'ts'中仍然存在（因为它仍然有效），而在第二个配置中我需要将其替换为require.resolve('ts-loader'). 现在我试图找到这个要求的原因。我记得我也被迫require.resolve在其他项目中使用，但我从来不知道原因。

产生差异的不显眼的代码行（第二个配置）：

如果我评论它，它会再次使用'ts'.

在我的文件系统上，路径 lib/date-time/date-time.ts 位于 ./src 的正下方（在 resolve/root 数组中提到）。它不是第一次导入，具体取决于 resolve/root 数组。

带有错误消息的 Webpack 输出：

一切都可以编译和捆绑，但是浏览器中有一个 TypeError：“box2dweb_commonjs_1.default 未定义。” 启动 webpack-dev-server 并在http://localhost:8080/webpack-dev-server/检查包没有错误。该项目在 GitHub 上https://github.com/paboulos/ts-loader_box2d 捆绑包有什么问题？

我第一次尝试设置 TypeScript Angular Webpack 项目，但我遇到了大量错误，我希望得到一些帮助来解决。

我试图将我的项目与 angular-cli 项目进行比较，但我只是没有看到缺少什么。

我试过降级 typescript、@angular 模块和 webpack；没有喜悦。我使用了特定的包版本，因为我们在工作中这样做是为了稳定。

这感觉更像是一个需要告诉 ts-loader 在哪里找到东西的问题，因为应用程序本身只是样板文件。

在 tsconfig 中，缺少一些设置，因为 tsconfig.json 文档说它们是默认的，例如 target=es5, module=commonjs 但我很乐意尝试任何东西。其他人在那里是因为我想看看他们做了什么；如有必要，我也很乐意放弃这些。

下面，我包含 (a) 收到的错误示例 (b) package.json、(c) tsconfig.json 和 (d) webpack.config.js (e) main.ts

示例错误：

包.json

tsconfig.json

webpack.config.js

/src/main.ts

/src/app/app.module.ts