Я настраиваю свой небольшой личный проект и наткнулся на проблему с машинописным текстом и отреагировал. Когда я использую index.js в качестве точки входа, все идет нормально, но когда я использую файл .tsx, я получаю следующую ошибку:
EntryModuleNotFoundError: Entry module not found: Error: Can't resolve './src'
Я мог бы просто встать и использовать .js, но мне любопытно, почему это происходит. Подробное сообщение об ошибке указывает, что он просто ищет файлы с расширениями .wasm, .mjs, .js и .json, игнорируя то, что я ввел в разрешение: { extensions: [] }.
no extension
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index doesn't exist
.wasm
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.wasm doesn't exist
.mjs
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.mjs doesn't exist
.js
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.js doesn't exist
.json
Field 'browser' doesn't contain a valid alias configuration
[path_to_project]\src\index.json doesn't exist
Мой файл webpack.config.js:
const path = require('path');
module.export = {
mode: 'development',
devtool: 'cheap-module-source-map',
entry: {
app: './src/index.tsx'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'pfgen.bundle.js'
},
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/
}
]
},
resolve: {
extensions: ['.ts', '.d.ts', '.tsx']
}
};
Вот репозиторий моего проекта: РЕПОЗИТОРИЙ А вот версии веб-пакетов, которые я использую:
"ts-loader": "^5.3.1",
"typescript": "^3.2.2",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
