Я обновляюсь с 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. Любая помощь очень ценится!