让 ReactJS/TypeScript 与新的干净 MVC5 项目一起工作答案

【问题标题】：Getting ReactJS/TypeScript to work with new clean MVC5 project让 ReactJS/TypeScript 与新的干净 MVC5 项目一起工作
【发布时间】：2017-07-01 13:11:42
【问题描述】：

我已经尝试了几乎所有可用的教程来获得一个使用 TypeScript 和 ReactJS 运行的简单 MVC5 项目。

注意：我使用 Visual Studio 2015、.NET 4.6.1 和 ASP.NET Web 应用程序 (.NET Framework)、Empty 4.6.1 模板从头开始创建项目。

到目前为止我已经尝试过的一些教程可以找到here、here、here、here 和here

在尝试使用 webpack 时，我总是收到以下错误：

配置对象无效。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化。

在这期间我收到了来自npm 的一些消息

npm WARN 引擎 ts-loader@2.0.0: 想要: {"node":">=4.3.0 =5.10"} (当前: {"node":"5.4.1 ","npm":"3.3.4"})

虽然我的节点版本是可用的最新版本。

我找不到有效的教程，也看不出这里出了什么问题。

【问题讨论】：

你使用的是什么版本的 Webpack？你的 Webpack 配置文件是什么样的？
@Frxstrem 很难说。我尝试了教程中给出的webpack.config.js，只需复制和粘贴以及自己玩。无论我改变了什么，错误都是一样的。最新测试是"webpack": "2.2.1"

标签： asp.net asp.net-mvc reactjs typescript npm

【解决方案1】：

您使用的是Webpack 2，但您使用的教程可能是为 Webpack 1 设计的。Webpack 2 中的配置文件结构发生了重大变化，这意味着您需要修改为他们使用 Webpack 2 的配置文件。

可以在here 找到迁移到 Webpack 2 的指南。特别是：

modules.loaders 应改为 modules.rules (more)
modules.preLoaders 不能再使用了 (more)
您应该从resolve.extensions (more) 中删除空字符串''

【讨论】：

谢谢。会看看并尝试一下。对current:{"node":"5.4.1"} 消息有任何想法吗？
@KingKerosin 警告是说您使用的 Node 版本不支持该模块（我认为这是因为 Node 版本在 5.0 和 5.10 之间存在错误或某些问题）。它可能会或可能不会影响您，但与 Webpack 问题无关。