Dva: Kesalahan: Plugin 3 yang ditentukan dalam "dasar" memberikan properti "Affix" yang tidak valid

Dibuat pada 21 Okt 2016  ·  4Komentar  ·  Sumber: dvajs/dva

Pertanyaan aneh ini tidak pasti. Apa yang menyebabkan masalah. Tidak jelas apakah itu masalah dvaj atau desain semut (versi 2.0)
Komputer yang berbeda memiliki konfigurasi paket yang sama, hapus instalasi global, dan komputer saya dapat dikompilasi secara normal, dan masalah ini akan terjadi pada komputer rekan saya.

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

ketergantungan file 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"
  }
}
question
Sumber
picture seamys

Komentar yang paling membantu

Di webpack.config.js, ganti baris antd :

webpackConfig.babel.plugins.push(['import', {
  libraryName: 'antd',
  style: 'css'  // if true, use less
}]);
picture sorrycc pada 21 Okt 2016
😄1 👍1

Semua 4 komentar

Hapus node_modules dan coba instal ulang? Tidak, silakan kirim webpack.config.js melihatnya.

sorrycc picture sorrycc pada 21 Okt 2016
👍1

Terima kasih, maaf pemula, proyek dimodifikasi langsung di dasbor pengguna .

node_modules telah dihapus berkali-kali (mencoba baik di dalam maupun di luar tembok). Saya pikir itu adalah masalah versi nodejs (saya telah mencoba 4.6 dan 6.9).

Sekarang perbarui semua paket terkait di package.json ke versi terbaru, hapus node_modules dan instal ulang

{
  "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"
  }
}

Menjalankan npm start dapat membangun normal tetapi menyegarkan halaman tidak memiliki gaya semut.
Jalankan npm run build
Masalah yang disebutkan di atas akan muncul

Module build failed: Error: Plugin 3 specified in "base" provided an invalid property of "Affix"

file 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;
};
seamys picture seamys pada 21 Okt 2016

Di webpack.config.js, ganti baris antd :

webpackConfig.babel.plugins.push(['import', {
  libraryName: 'antd',
  style: 'css'  // if true, use less
}]);
sorrycc picture sorrycc pada 21 Okt 2016
😄1 👍1

Masalah teratasi, terima kasih banyak.

seamys picture seamys pada 21 Okt 2016
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

oldfeel picture oldfeel  ·  3Komentar
longzb picture longzb  ·  4Komentar
mclouvem picture mclouvem  ·  4Komentar
ljjsimon picture ljjsimon  ·  3Komentar
itiwll picture itiwll  ·  4Komentar