解决或消除 tsconfig.json 中的模式匹配错误

Question

如何解决/消除 Visual Studio Code 中显示的模式匹配错误？

在我的 TypeScript 应用程序中，我在文件中收到错误tsconfig.json，提到由于某个模式的匹配而找不到 index.ts **/*。该应用程序仍然可以编译并运行，没有任何问题。该错误仅显示在 Visual Studio Code 中。为了编译应用程序，我使用 Webpack，其中我定义了 和index.tsxfile 作为入口点，而不是index.ts文件。

webpack.config.js：

const path = require('path');

module.exports = {
  entry: './src/main/ts/index.tsx',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
  },
  output: {
    path: __dirname,
    filename: './src/main/resources/static/built/bundle.js'
  },
};

package.json 依赖项：

  "dependencies": {
    "@types/lodash": "^4.14.182",
    "@types/react": "^18.0.14",
    "@types/react-dom": "^18.0.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "rest": "^1.3.1",
    "sockjs-client": "^1.0.3",
    "stompjs": "^2.3.3"
  },
  "devDependencies": {
    "@babel/core": "^7.1.0",
    "@babel/preset-env": "^7.1.0",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.2",
    "ts-loader": "^9.3.0",
    "typescript": "^4.7.4",
    "webpack": "^5.73.0",
    "webpack-cli": "^4.10.0"
  },

Answer 1

添加

"include": ["src/**/*"],

给你的tsconfig.json

这可能有帮助。如果没有，你必须重新打开 vscode 它会解决这个问题，但这有点烦人