Webpack 4 - файл ввода машинописного текста

Я настраиваю свой небольшой личный проект и наткнулся на проблему с машинописным текстом и реагирую. Когда я использую 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"

пожалуйста, примите ответ @ patrick-ramser, если ваша проблема была решена

Mehrnoosh 08.05.2021 21:07
Зод: сила проверки и преобразования данных
Зод: сила проверки и преобразования данных
Сегодня я хочу познакомить вас с библиотекой Zod и раскрыть некоторые ее особенности, например, возможности валидации и трансформации данных, а также...
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Как заставить Remix работать с Mantine и Cloudflare Pages/Workers
Мне нравится библиотека Mantine Component , но заставить ее работать без проблем с Remix бывает непросто.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
TypeScript против JavaScript
TypeScript против JavaScript
TypeScript vs JavaScript - в чем различия и какой из них выбрать?
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Синхронизация localStorage в масштабах всего приложения с помощью пользовательского реактивного хука useLocalStorage
Не все нужно хранить на стороне сервера. Иногда все, что вам нужно, это постоянное хранилище на стороне клиента для хранения уникальных для клиента...
Что такое ленивая загрузка в Angular и как ее применять
Что такое ленивая загрузка в Angular и как ее применять
Ленивая загрузка - это техника, используемая в Angular для повышения производительности приложения путем загрузки модулей только тогда, когда они...
2
1
1 443
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Измените module.export на module.экспорт. Просто вытащил, изменил и успешно построил на моей стороне с использованием вашего репозитория Git.

Кроме того, также добавьте / node_modules в свой .gitignore, чтобы редактор, такой как VSCode, не смотрел на этот каталог при сравнении с master.

Ваше здоровье!

Спасибо! Это было бы последнее место, где я мог бы искать ошибку. Теперь это работает.

Jakub Kierejsza 13.12.2018 21:35

Другие вопросы по теме