找不到模块：无法解决“ts-loader”错误

Module not found: Can’t resolve ‘ts-loader’ error

要解决错误“找不到模块：错误：无法解析’ts-loader’”，请确保ts-loader通过在项目的根目录中打开终端并运行命令
npm install -D ts-loader typescript并重新启动开发服务器来安装包。

在项目的根目录（package.json
文件所在的位置）中打开终端并运行以下命令：

壳


# 👇️ with NPM
npm install --save-dev ts-loader typescript

# ----------------------------------------------

# 👇️ with YARN
yarn add ts-loader typescript --dev

该命令会将ts-loader
包添加到项目的开发依赖项中。

确保在 webpack 配置文件中将.ts和.tsx扩展添加到数组。extensions

webpack.config.js


module.exports = {
  // ... rest
  resolve: {
    // 👇️ Add `.ts` and `.tsx` as a resolvable extension.
    extensions: [".ts", ".tsx", ".js"]
  },
  module: {
    rules: [
      // 👇️ all files with a `.ts` or `.tsx` extension will be handled by `ts-loader`
      { test: /\.tsx?$/, loader: "ts-loader" }
    ]
  }
};

其他配置示例请参考包的
npm页面ts-loader。

如有必要，请确保重新启动开发服务器和 IDE。在您停止并重新运行命令之前，您的开发服务器不会接受更改。 npm start

如果错误未解决，请尝试删除您的node_modules和
package-lock.json（不是package.json）文件，重新运行npm install并重新启动您的 IDE。

壳


# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json

# 👇️ clean npm cache
npm cache clean --force

npm install

如果错误仍然存在，请确保重新启动 IDE 和开发服务器。VSCode 经常出现故障，有时重启可以解决问题。

如果您仍然收到“找不到模块：错误：无法解析‘ts-loader’”错误，请打开您的package.json文件并确保它包含对象中的ts-loader
包devDependencies。

包.json


{
  // ... rest
  "devDependencies": {
    "ts-loader": "^9.2.8",
    "typescript": "^4.6.3",
  },
}

该ts-loader模块不应全局安装或位于您的项目中
dependencies，它应该位于您文件中的devDependencies对象中
。package.json

您可以尝试手动添加行并重新运行npm install。

壳


npm install

或者安装最新版本的包：

壳


npm install --save-dev ts-loader@latest typescript@latest

结论

–