问题标签 [ts-loader]

我正在使用 webpack 打包我的所有测试，以便我可以在托管我的应用程序的每个环境中部署和运行它们。但是，当我从纯 javascript 文件运行测试时，mocha 为我制作的 webpack 仍然想要处理打字稿文件。当我运行 tsc 已转译为 js 的测试文件时，我得到了相同的行为。这是堆栈跟踪。请任何帮助将不胜感激。

我使用的 webpack 文件

和我的 tsconfig.json

我尝试设置 ASP.NET MVC 5 (not Core) + Angular 2.0.0 + JSPM + SystemJS + TS Loader。

在我看来，TS loader 可能有问题。有什么建议吗？

当我运行应用程序时出现错误：

这是我的配置文件：

tsconfig.json

config.js（jspm，配置文件被简化）

索引.html

引导程序

我有一个案例，我正在使用咖啡脚本编写的 Angular 应用程序。我正在尝试将一个新组件嵌入到用咖啡编写的现有 ng1 指令中。根据文档，我应该只需要...

1.）将文件重命名为 .ts 2.）添加以下（ish）...

问题是我在coffeescript中，所以我不能那样做。所以我尝试像这样在反引号中添加它（以使JS清楚）......

然后我更改我的 .coffee 加载程序以包含

但这会引发一堆编译错误。有没有比转换所有文件并更改扩展名更简单的方法？这会有所帮助，所以我仍然可以合并。

我有 2 个 tsconfig，一个用于我的 dev 构建，一个用于我的 prod 构建。
我选择带有标志的 tsconfig -p：
tsc -p dev.tsconfig.json

ts-loader 正在寻找一个 tsconfig.json 文件。如何使用 ts-loader 指定另一个文件名？

我正在开发一个用 Typescript 编写的 Angular 2 应用程序，它使用 webpack 和 ts-loader 将所有东西捆绑在一起。

我严重依赖 webpack 的 resolve.alias 来满足不同的构建输出，我遇到了一个问题。

运行特定构建时，ts-loader 会抛出一个错误，指出它找不到当前构建中使用的模块。我认为这是由于别名指向不同的文件。

例如： 文件：myApp.ts

我有两个别名 JSON 文件，一个设置为指向 remoteSystemLogger.ts 的“记录器” ，另一个指向consoleLogger.ts

• 构建 A 将使用 remoteSystemLogger，
• 构建 B 将使用 consoleLogger

现在每个记录器类都将导入它们的相关依赖项。例如：

文件：remoteSystemLogger.ts

问题是，当我运行构建 B 时，我收到一条错误消息：

remoteSystemLogger.ts 中的错误

错误 TS2307：找不到模块“http”。

http 和 remoteSystemLogger 目前没有在 Build B 的别名 JSON 文件中指定，因为 Build B 不应该依赖它。

用于 webpack 构建的别名文件是在构建时通过参数确定的。

这是 webpack 配置中使用的解析示例

这是 ts-loader 配置：

我不确定我是否配置错误，或者这是加载器、webpack 解析器的问题，或者只是我对别名工作原理的理解。

据我了解，该 webpack 将根据别名文件和我的入口点遍历我的导入/依赖关系树。

其他环境信息：

package.json 设置：

• "ts-loader": "^1.2.1",
• “webpack”：“^1.13.0”

我正在安装ts-loader来使用 webpack。

有人知道如何选择要使用的打字稿版本吗？

不管我做什么，我总是收到一条消息说

我打算使用 typescript@2 但我不知道如何告诉 ts-loader 使用正确的版本...

谢谢

我为我的应用程序创建了一个最小的 webpack 示例，并尝试使用带有“./file.name.html”的 templateUrl 来编译。但我的应用程序显示的唯一内容是我的索引页面上的 templateUrl "./file.name.html" 的名称。这些应用程序似乎可以工作，因为控制台中没有错误，并且

不再显示。在我尝试使用 webpack 之前，我使用过 systemJs 并且我的应用程序运行良好。所以我不认为这是一个应用程序问题。

我的起始文件名是 boot.ts

app.component 定义看起来像

我的 webpack.config.js

package.json

和 tsconfig.json

我正在使用 Ui-router，我看到正确的 url 已加载，但它只显示模板文件名，如“./appHeader.component.html”，但没有模板。

我正在开发一个新的 Angular2 项目，其中 Webpack 作为模型加载器，Typescript 作为开发语言。

当我将 Typescript 编译器定位到 ES5 时，一切正常。但是当我以 ES6 为目标并将其添加babel-loader为 ES5 的 trasplier 时，我得到了错误：Unexpected token import

工作 ES5 配置：

不工作的 ES6 配置：

我不明白为什么没有定义 ES6 的 import 关键字？？？
我还注意到，如果我将 import 语句更改为 require() 语句，则不会出现错误，但我想使用 ES6 导入语法。

我正在尝试在我的 typescript/react 项目中使用新的 ES6 集合类型。

IntelliJ 和 Webpack 可以在没有警告的情况下编译我的代码，但是在 Chrome 55 中运行时出现错误。 this.props.myMap.forEach is not a function

tsconfig.json

package.json

在浏览器的控制台中输入时我仍然可以使用 Map 类型，所以我猜这是打字稿编译的问题。我在某处缺少依赖项？

--- 编辑 --- 这实际上是一个初始化问题，但我仍然不知道为什么我没有收到 Typescript 反馈/类型警告。

这就是我所说的“MyComponent”

我收到错误 TS2354：此语法需要导入的帮助程序，但找不到模块“tslib”。在我的 webpack 2 构建中使用importHelpersTypeScript 2.1 的新选项。捆绑包似乎按预期构建，但错误消息令人不安。谁能指出我在这里做错了什么？还是rxjs\Subject.d.ts每个错误都有问题（提到的行 (Subject.d.ts:9,43) 确实使用和无辜的extends关键字）？

main.ts

包.json

tsconfig.json

webpack.config.js