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

时间:2020-11-12 02:16:02

标签: javascript typescript 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来正确解析导入语句。

0 个答案:

没有答案