为什么会发生此错误以及如何解决?
ERROR in ./src/index.ts
Module not found: Error: Can't resolve './test' in '/Users/maks/Documents/MyProgramms/TestProject/src'
@ ./src/index.ts 3:13-30
项目文件结构:
索引.ts
import { User } from './test';
let user = new User('ivan');
测试.ts
export class User {
name: string;
constructor(name:string) {
this.name = name;
}
}
包.json
{
"name": "testproject",
"version": "1.0.0",
"description": "",
"main": "src/index.ts",
"scripts": {
"build": "webpack --mode development --open"
},
"author": "",
"license": "ISC",
"dependencies": {},
"devDependencies": {
"@types/es6-shim": "^0.31.37",
"@types/express": "^4.16.0",
"ts-loader": "^4.4.2",
"typescript": "^2.9.2",
"webpack": "^4.12.0",
"webpack-cli": "^3.0.8",
"webpack-dev-server": "^3.1.4"
}
}
webpack.config.js
module.exports = {
entry: {
main: './src/index.ts'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.ts$/,
exclude: /node_modules/,
loader: 'ts-loader'
},
]
},
node: {
fs: 'empty',
net: 'empty'
},
target: 'node'
};
我还尝试通过 require 导入,使用 awesome-typescript-loader 并将 webpack 更新到最新版本。

添加属性: