Reactjs 网页包+；反应+；TypeScript:找不到模块。。。在里面节点\u模块/反应/

我正在尝试用React、TypeScript和Webpack组合一个非常基本的项目。编译时，我从

node\u modules

中的

react

文件夹中得到以下错误（为了简洁起见，我删除了堆栈跟踪和项目路径）：

我尝试卸载TypeScript并用Babel替换它来传输JSX，但得到了相同的错误安装

babel-preset-2015

修复了它

我在

tsconfig.json

中尝试了几乎所有

target

和

module

的组合，以在TypeScript中获得相同的结果，但没有任何效果如何让网页包、打字脚本和React一起工作？

我以前使用过这三种技术，这是最近的兼容性问题吗？如果是，最新的兼容版本是什么

我还看到过一些类似的问题，解决方案是直接在项目中安装

fbjs

——我也尝试过，但没有成功

文件夹 tsconfig.json webpack.config.js package.json ./src/index.tsx

import*as React from“React”；
常数a=；

---

（我在安装了Node 9.2.1和NPM 5.6.0的情况下运行此程序）

Webpack没有解析

.js

文件。将此添加到您的

webpack.config.js

resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"]
},

下面是我用来运行您的示例的

tsconfig.json

{
  "compilerOptions": {
    "jsx": "react",
    "lib": ["es6", "dom"],
    "rootDir": "src",
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true,
    "moduleResolution": "node",
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true
  },
  "include": [
    "./src"
  ],
  "exclude": [
    "node_modules",
    "build"
  ]
}

---

在VSCode中，选中Deno扩展并将其设置为Enable（工作区）

，这样做了！对于遇到相同问题的任何人，最小的

tsconfig

也可以工作，仍然感谢您提供完整的设置！这应该是一个评论。

module.exports = {
    entry: {
        dev: "./src/index.tsx",
    },
    output: {
        filename: "./build/index.js",
    },
    devtool: "source-map",
    resolve: {
        extensions: [".ts", ".tsx"],
    },
    module: {
        loaders: [
            // Typescript
            { test: /\.tsx?$/, loader: "ts-loader" },
        ],
    },
};

{
    ...
    "scripts": {
        "build": "webpack"
    },
    "devDependencies": {
        "@types/react": "^16.0.28",
        "ts-loader": "^3.2.0",
        "typescript": "^2.6.2",
        "webpack": "^3.10.0"
    },
    "dependencies": {
        "react": "^16.2.0"
    }
}

import * as React from "react";

const a = <div />;

resolve: {
    extensions: [".ts", ".tsx", ".js", ".jsx"]
},

{
  "compilerOptions": {
    "jsx": "react",
    "lib": ["es6", "dom"],
    "rootDir": "src",
    "module": "commonjs",
    "target": "es5",
    "sourceMap": true,
    "moduleResolution": "node",
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true
  },
  "include": [
    "./src"
  ],
  "exclude": [
    "node_modules",
    "build"
  ]
}