Выполнение «webpack serve» приводит к ошибке, которую я не понимаю - PullRequest
Новая
       19

Выполнение «webpack serve» приводит к ошибке, которую я не понимаю

0 голосов
/ 16 сентября 2018

В последнее время в архитектуре CLI Webpack произошли недавние изменения, в результате чего серверное средство перешло в @ webpack-cli / serve .Я не уверен, что моя проблема связана с этим, но в настоящее время трудно найти информацию по этому вопросу, так как поиски имеют тенденцию к старому синтаксису (если я правильно интерпретирую проблему, которую я вполне могу не из-за незнания).

Мой package.json имеет следующие зависимости и сценарии. 

"scripts": {
  "go": "webpack serve", ...
  "build": "webpack --mode production"
},
"dependencies": {
  "@types/react": "^16.4.14",
  "@types/react-dom": "^16.0.7",
  "awesome-typescript-loader": "^5.2.1",
  "react": "^16.5.1",
  "react-dom": "^16.5.1",
  "typescript": "^3.0.3",
  "webpack": "^4.19.0"
},
"devDependencies": {
  "@webpack-cli/serve": "^0.1.0",
  "webpack-cli": "^3.1.0"
}

Когда я выполняю npm, запустите build , он работает какожидается.Однако, когда я выполняю npm run go , я получаю сообщение об ошибке, которое не могу интерпретировать, не говоря уже о том, как решить.

C: \ Source \ Poc \ реагировать-poc-02 \ node_modules \ webpack-cli \ bin \ prompt-command.js: 108 require (pathForCmd) .default (... args);// eslint-disable-line ^ TypeError: require (...). default не является функцией в promptForInstallation (C: \ Source \ Poc \ реагировать-poc-02 \ node_modules \ webpack-cli \ bin \ prompt-command.js: 108: 30) в C: \ Source \ Poc \ реагировать-poc-02 \ node_modules \ webpack-cli \ bin \ cli.js: 45: 37 в объекте.(C: \ Source \ Poc \ реагировать-poc-02 \ node_modules \ webpack-cli \ bin \ cli.js: 530: 3) в Module._compile (module.js: 569: 30) в Object.Module._extensions..js (module.js: 580: 10) в Module.load (module.js: 503: 32) в tryModuleLoad (module.js: 466: 12) в Function.Module._load (module.js: 458: 3)в Module.require (module.js: 513: 17) по требованию (internal / module.js: 11: 18) ...

Кажется, что в одном из веб-пакетов есть проблема с синтаксисомпакеты, которые я нахожу маловероятными.Я скорее считаю, что что-то упустил, но не могу сказать, что на самом деле.

У меня есть следующие конфиги для Webpack 

const webpack = {
  entry: './src/client/index.tsx',
  mode: "development",
  output: {
    filename: 'target/bundle.js',
  },
  resolve: { extensions: ['.ts', '.tsx', '.js', '.json'] },
  module: {
    rules: [{
      test: /\.[t]sx?$/,
      include: /src/,
      use: [{
        loader: "awesome-typescript-loader",
        options: { configFileName: "tsconfig.json" }
      }]
    }]
  }
};
module.exports = webpack;

и Typescript 

{
  "compilerOptions": {
    "outDir": "./target/",
    "sourceMap": true,
    "skipLibCheck": true,
    "noImplicitAny": true,
    "module": "commonjs",
    "target": "es5",
    "jsx": "react"
  },
  "include": [
    "./src/**/*"
  ],
  "exclude": [
    "node_modules"
  ]
}
...