(Обновление Webpack 3> 4) Ошибка: ENOENT: нет такого файла или каталога 'node_modules \ ieee754 \ index.js' - PullRequest
0 голосов
/ 25 января 2019

Я обновляюсь с Webpack 3> 4 и в настоящее время испытываю следующую проблему при загрузке простой страницы, которая ранее работала без проблем:

Uncaught Ошибка: сборка модуля не удалась: Ошибка: ENOENT: нет такого файла или каталога, откройте «C: \ Data \% MYPROJECTDIRECTORY% \ node_modules \ ieee754 \ index.js».

Кажется, команда webpack -w watch files объединяет их без проблем. Я не получаю никаких других ошибок консоли, хотя есть несколько проблем с зависимостью от пира, о которых меня предупреждают при установке npm, ни одна из них не используется в этом конкретном компоненте, который я пытаюсь отобразить, чтобы проверить общий успех обновления .

Вот некоторые из моих файлов:

//Webpack.config.js
module.exports = {
  entry: [
    'babel-polyfill',
    './Scripts/App.js',
    ],
  output: {
    filename: 'Scripts/ReactBundle/bundle.js'
  }, 
  mode: 'development',
  module: {
      rules: [
        {
            test: /\.css$/,
            use: [ 'style-loader', 'css-loader' ]
        },
        {
            test: /\.js$/,
            exclude: /(node_modules|bower_components)/,
            loader: 'babel-loader',               
            query:
                  {
                      presets: ['react', 'es2017', 'es2015', 'stage-2'],
                      plugins: ['transform-class-properties']
                  }
        },
      ]
    }, 
    optimization: {
        removeAvailableModules: false,
        removeEmptyChunks: false,
        splitChunks: false,
    }
}

//this was in my Webpack v3 config, but I've removed it for testing.
//resolve: {
//    modules: [
//        "node_modules"
//    ],
//        extensions: ['.Webpack.js', '.web.js', '.js', '.jsx'],
//            mainFields: ["main"]
//},

и

//package.json
{
  "version": "1.0.0",
  "name": "ASP.NET",
  "private": true,
  "scripts": {
    "webpack": "webpack --config Webpack.config.js -w"
  },
  "dependencies": {
    "autosuggest-highlight": "^3.1.1",
    "axios": "^0.17.1",
    "babel-core": "^6.26.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "css-loader": "^0.28.11",
    "fast-clone": "^1.5.3",
    "fast-levenshtein": "^2.0.6",
    "ieee754": "^1.1.12",
    "material-ui": "1.0.0-beta.30",
    "material-ui-icons": "1.0.0-beta.17",
    "npx": "^10.2.0",
    "prop-types": "^15.6.1",
    "react": "^16.7.0",
    "react-alert": "^4.0.4",
    "react-alert-template-basic": "^1.0.0",
    "react-autosuggest": "^9.3.2",
    "react-bootstrap-typeahead": "^3.2.4",
    "react-datepicker": "^2.0.0",
    "react-dom": "^16.7.0",
    "react-draggable": "^3.0.4",
    "react-dropzone": "^4.2.3",
    "react-pdf-js": "^3.0.4",
    "react-redux": "^5.0.7",
    "react-resizable": "^1.7.5",
    "react-table": "^6.8.0",
    "react-tooltip": "^3.4.1",
    "react-transition-group": "^2.5.3",
    "redux": "^3.7.2",
    "redux-devtools-extension": "^2.13.2",
    "redux-thunk": "^2.2.0",
    "stable": "^0.1.8",
    "style-loader": "^0.20.3",
    "typeface-roboto": "0.0.45",
    "webpack": "^4.29.0",
    "webpack-cli": "^3.2.1"
  },
  "devDependencies": {
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.3.1",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^7.1.5",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-es2017": "^6.24.1",
    "redux-devtools": "^3.4.1"
  }
}

Я имел ограниченный успех в исследовании этой проблемы, но попытался установить пакет ieee754 как глобально, так и локально, но безуспешно. Я подозреваю, что что-то, что было частью моей предыдущей конфигурации для webpack 3, испортило некоторые новые настройки по умолчанию в Webpack 4. Любая помощь очень ценится!

...