Cette question étrange a été incertaine. Qu'est-ce qui a causé le problème. On ne sait pas si c'est le problème de dvajs ou d'ant-design (version 2.0)
Différents ordinateurs ont la même configuration de package, effacez l'installation globale et mon ordinateur peut compiler normalement, et ce problème se produira sur l'ordinateur de mon collègue.
ERROR in ./src/index.js
Module build failed: Error: Plugin 3 specified in "base" provided an invalid property of "Affix"
at Plugin.init (D:\Git\web\console\node_modules\babel-core\lib\transformation\plugin.js:131:13)
at Function.normalisePlugin (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\options\option-manager.js:148:12)
at D:\Git\web\console\node_modules\babel-core\lib\transformation\file\options\option-manager.js:180:30
at Array.map (native)
at Function.normalisePlugins (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\options\option-manager.js:154:20)
at OptionManager.mergeOptions (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\options\option-manager.js:228:36)
at OptionManager.init (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\options\option-manager.js:373:12)
at File.initOptions (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\index.js:221:65)
at new File (D:\Git\web\console\node_modules\babel-core\lib\transformation\file\index.js:141:24)
at Pipeline.transform (D:\Git\web\console\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
@ multi index
dépendance du fichier package.json
{
"private": true,
"entry": {
"index": "./src/index.js"
},
"dependencies": {
"antd": "^2.0.0",
"classnames": "^2.2.5",
"dva": "^1.1.0",
"qs": "^6.2.0",
"react": "^15.1.0",
"react-dnd": "^2.1.4",
"react-dnd-html5-backend": "^2.1.2",
"react-dom": "^15.1.0",
"react-router": "^2.8.1",
"react-sticky": "^5.0.5",
"urijs": "^1.18.2"
},
"devDependencies": {
"atool-build": "^0.7.6",
"babel-eslint": "^6.0.4",
"babel-plugin-import": "^1.0.0",
"babel-plugin-dva-hmr": "^0.1.0",
"babel-plugin-transform-runtime": "^6.9.0",
"babel-runtime": "^6.9.2",
"dora": "0.3.x",
"dora-plugin-proxy": "^0.7.0",
"dora-plugin-webpack": "0.6.x",
"dora-plugin-webpack-hmr": "^0.1.0",
"eslint": "^2.13.1",
"eslint-config-airbnb": "^9.0.1",
"eslint-plugin-import": "^1.8.1",
"eslint-plugin-jsx-a11y": "^1.4.2",
"eslint-plugin-react": "^5.1.1",
"glob": "^7.0.5",
"mockjs": "^1.0.1-beta2",
"redbox-react": "^1.2.10"
},
"scripts": {
"start": "dora --plugins \"proxy,webpack,webpack-hmr\"",
"lint": "eslint --fix --ext .js,.jsx .",
"build": "atool-build"
}
}
Supprimer node_modules et essayer de le réinstaller ? Non, veuillez poster webpack.config.js
voir.
Merci, désolé newbie, le projet est modifié directement sur le user-dashboard .
node_modules a été supprimé plusieurs fois (essayé à la fois à l'intérieur et à l'extérieur du mur). Je pensais que c'était un problème de version nodejs (j'ai essayé 4.6 et 6.9).
Maintenant, mettez à jour tous les packages associés dans package.json vers la dernière version, supprimez node_modules et réinstallez
{
"private": true,
"entry": {
"index": "./src/index.js"
},
"dependencies": {
"antd": "^2.1.0",
"classnames": "^2.2.5",
"dva": "^1.1.0",
"qs": "^6.3.0",
"react": "^15.3.2",
"react-dnd": "^2.1.4",
"react-dnd-html5-backend": "^2.1.2",
"react-dom": "^15.3.2",
"react-router": "^2.8.1"
},
"devDependencies": {
"atool-build": "^0.9.0",
"babel-eslint": "^7.0.0",
"babel-plugin-import": "^1.0.1",
"babel-plugin-dva-hmr": "^0.2.0",
"babel-plugin-transform-runtime": "^6.15.0",
"babel-runtime": "^6.11.6",
"dora": "0.4.3",
"dora-plugin-proxy": "^0.8.5",
"dora-plugin-webpack": "^0.8.1",
"dora-plugin-webpack-hmr": "^0.2.1",
"eslint": "^3.8.1",
"eslint-config-airbnb": "^12.0.0",
"eslint-plugin-import": "^1.16.0",
"eslint-plugin-jsx-a11y": "^2.2.3",
"eslint-plugin-react": "^6.4.1 ",
"redbox-react": "^1.3.2"
},
"scripts": {
"start": "dora --plugins \"proxy,webpack,webpack-hmr\"",
"lint": "eslint --fix --ext .js,.jsx .",
"build": "atool-build"
}
}
L'exécution de npm start peut
Exécuter npm run build
Le problème mentionné ci-dessus apparaîtra
Module build failed: Error: Plugin 3 specified in "base" provided an invalid property of "Affix"
fichier webpack.config
const fs = require('fs');
const path = require('path');
module.exports = function (webpackConfig, env) {
webpackConfig.babel.babelrc = false;
webpackConfig.babel.plugins.push('transform-runtime');
webpackConfig.babel.plugins.push(['antd', {
style: 'css' // if true, use less
}]);
// Enable hmr for development.
if (env === 'development') {
webpackConfig.babel.plugins.push(['dva-hmr', {
entries: [
'./src/index.js',
]
}]);
}
//webpackConfig.devtool = 'source-map';
// Parse all less files as css module.
webpackConfig.module.loaders.forEach(function (loader, index) {
if (typeof loader.test === 'function' && loader.test.toString().indexOf('\\.less$') > -1) {
loader.test = /\.dont\.exist\.file/;
}
if (loader.test.toString() === '/\\.module\\.less$/') {
loader.test = /\.less$/;
}
});
return webpackConfig;
};
Dans webpack.config.js, remplacez la ligne antd
:
webpackConfig.babel.plugins.push(['import', {
libraryName: 'antd',
style: 'css' // if true, use less
}]);
Le problème est résolu, merci beaucoup.
Commentaire le plus utile
Dans webpack.config.js, remplacez la ligne
antd
: