Webpack 4 - файл ввода машинописи - PullRequest
Новая
       6

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

0 голосов
/ 13 декабря 2018

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

Вот мой репозиторий проекта: REPOSITORY А вот версии веб-пакетов, которые я использую: 

"ts-loader": "^5.3.1",
"typescript": "^3.2.2",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"

1 Ответ

0 голосов
/ 13 декабря 2018

Заменить module.export на module. exports .Просто вытащил, изменил и успешно скомпилировал на моем конце с помощью вашего репозитория Git.

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

Ура!

...