如何解决带有.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 举报,一经查实,本站将立刻删除。