带有.js扩展名的Webpack / ts-loader导入无法解析

问题描述

我的目录结构如下：

junit_family=xunit1

我的问题是projectRoot ├── project-server │ ├── src │ └── pom.xml ├── project-ui │ ├── tsconfig.json │ └── src │ └── file.ts. (imports ./file.js) 使用了转译的js文件，因此需要使用project-server扩展名来解析文件。我正在使用webpack-dev-server进行开发并使用.js，但出现以下错误：

ts-loader

以下是我的Module not found: Error: Can't resolve './file.js' in '/projectRoot/project-ui/src' ：

webpack.config.js

我的module.exports = { entry: './project-ui/src/file1.ts',mode: "development",output: { path: path.resolve(__dirname,'dist'),filename: 'bundle.js' },module: { rules: [ { test: /\.ts$/,use: 'ts-loader',exclude: /node_modules/ },... other rules ] },resolve: { extensions: ['.js','.ts'],} 具有特定于tsconfig.json需要js文件的位置的配置。即 project-server

所以我不确定如何配置Webpack / ts-loader来正确解析导入语句。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）