Visual Studio 构建模块，但 Webpack 失败并显示“未找到模块”答案

【问题标题】：Visual Studio builds module but Webpack fails with "Module not found"Visual Studio 构建模块，但 Webpack 失败并显示“未找到模块”
【发布时间】：2017-10-18 01:58:29
【问题描述】：

我正在.tsx 文件中导入这样的自定义模块：

import { LinkContainer } from './typings/LinkContainer';

Visual Studio 构建没有问题，但是当我尝试运行 webpack 时，我收到以下错误：

ERROR in ./Features/Menu/Menu.tsx
Module not found: Error: Can't resolve './typings/LinkContainer' in 'C:\Users\<user>\Documents\<solution>\<project>\Features\Menu'
 @ ./Features/Menu/Menu.tsx 19:22-56
 @ ./Features/App.tsx
 @ ./Features/index.tsx
 @ multi react-hot-loader/patch ./Features/index.tsx

LinkContainer.d.ts 的文件内容：

import { ComponentClass } from "react";
import { NavLinkProps } from "react-router-dom";

type LinkContainer = ComponentClass<NavLinkProps>;
export const LinkContainer: LinkContainer;

【问题讨论】：

您是否尝试过在导入语句中包含扩展名，例如import { LinkContainer } from './typings/LinkContainer.tsx';
@Jayce444 我遇到的问题是这不是我的模块，它是从npm、react-router-bootstrap 下载的模块，位于node_modules\react-router-bootstrap。然而，从 npm 下载的类型与模块本身不匹配。如何引用我的类型文件来引用此模块？

标签： visual-studio reactjs typescript webpack visual-studio-2017

【解决方案1】：

问题是只加载了类型定义而不是模块本身。已解决import { LinkContainer } from 'react-router-bootstrap';。您可以在此处阅读我关于自定义类型的回答，这是首先创建自定义类型的原因：https://stackoverflow.com/a/44046969/3850405

【讨论】：