npm run dev не работает: ValidationError: недопустимый объект параметров

Question

npm run dev не работает: ValidationError: недопустимый объект параметров

В настоящее время изучаю Vue js и выражаю js с помощью некоторых руководств, я все еще новичок в этих технологиях.

В любом случае, следуя руководствам, я создаю небольшой проект, в котором у меня есть папка "Клиент", которая содержит внешнюю часть проекта, и другую папку "Сервер", содержащую серверную часть.

Непосредственно перед отправкой коммитов в Github все было в порядке, но как только я сделал, что Github сигнализирует о некоторых уязвимостях, после их исправления npm run dev больше не работает.

пробовал несколько решений, но ничего не работало, переустановил подозрительные модули, переустановил модули узлов после запуска npm cache clean --force

Это ошибка, которую я получил

   npm run dev


> client@1.0.0 dev D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\node_modules\schema-utils\dist\validate.js:88
    throw new _ValidationError.default(errors, schema, configuration);
    ^

ValidationError: Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.
 - options[0] misses the property 'patterns'. Should be:
   [non-empty string | object { from, to?, context?, globOptions?, toType?, force?, flatten?, transform?, cacheTransform?, transformPath?, noErrorOnMissing? }, ...] (should not have fewer than 1 item)
    at validate (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\node_modules\schema-utils\dist\validate.js:88:11)  
    at new CopyPlugin (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\copy-webpack-plugin\dist\index.js:24:30)
    at Object.<anonymous> (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\build\webpack.dev.conf.js:61:5)
    at Module._compile (internal/modules/cjs/loader.js:1133:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1153:10)
    at Module.load (internal/modules/cjs/loader.js:977:32)
    at Function.Module._load (internal/modules/cjs/loader.js:877:14)
    at Module.require (internal/modules/cjs/loader.js:1019:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at WEBPACK_OPTIONS (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:114:13)
    at requireConfig (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:116:6)
    at D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
    at Array.forEach (<anonymous>)
    at module.exports (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
    at Object.<anonymous> (D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client\node_modules\webpack-dev-server\bin\webpack-dev-server.js:84:40)
    at Module._compile (internal/modules/cjs/loader.js:1133:30) {
  errors: [
    {
      keyword: 'required',
      dataPath: '[0]',
      schemaPath: '#/required',
      params: [Object],
      message: "should have required property 'patterns'",
      schema: [Object],
      parentSchema: [Object],
      data: [Object],
      children: [Array]
    }
  ],
  schema: {
    definitions: { ObjectPattern: [Object], StringPattern: [Object] },
    type: 'object',
    additionalProperties: false,
    properties: { patterns: [Object], options: [Object] },
    required: [ 'patterns' ]
  },
  headerName: 'Copy Plugin',
  baseDataPath: 'options',
  postFormatter: null
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the client@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\iheb\AppData\Roaming\npm-cache\_logs\2020-05-21T13_56_52_099Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@1.0.0 start: `npm run dev`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the client@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\iheb\AppData\Roaming\npm-cache\_logs\2020-05-21T13_56_52_148Z-debug.log

Это файл журнала:

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli   'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli   'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli   'run',
1 verbose cli   'build:server'
1 verbose cli ]
2 info using npm@6.14.4
3 info using node@v12.16.3
4 verbose stack Error: missing script: build:server
4 verbose stack     at run (C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:155:19)
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\lib\run-script.js:63:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:116:5
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:436:5
4 verbose stack     at checkBinReferences_ (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:391:45)
4 verbose stack     at final (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:434:3)
4 verbose stack     at then (C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:161:5)
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\read-package-json\read-json.js:281:12
4 verbose stack     at C:\Program Files\nodejs\node_modules\npm\node_modules\graceful-fs\graceful-fs.js:115:16
4 verbose stack     at FSReqCallback.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:63:3)
5 verbose cwd D:\projects\Fullstack web apps\VueJs ExpressJs\tab-tracker\Client
6 verbose Windows_NT 10.0.18362
7 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "run" "build:server"
8 verbose node v12.16.3
9 verbose npm  v6.14.4
10 error missing script: build:server
11 verbose exit [ 1, true ]

Выполнение аудита npm дает следующее:

    Moderate        Cross-Site Scripting                                          

  Package         serialize-javascript                                          

  Patched in      >=2.1.1                                                       

  Dependency of   uglifyjs-webpack-plugin [dev]                                 

  Path            uglifyjs-webpack-plugin > serialize-javascript                

  More info       https://npmjs.com/advisories/1426

Связанные зависимости

"webpack": "^4.43.0",

"webpack-bundle-analyzer": "^3.3.2",

"webpack-cli": "^3.3.11",

"webpack-dev-server": "^3.1.11",

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

ОБНОВЛЕНИЕ: я пытаюсь выяснить причину такой ошибки, проблема возникает после обновления версии webpack-dev-server, которая работает:

"webpack-dev-server": "^2.9.1"

Версия с ошибками:

"webpack-dev-server": "^3.11.0"

Можно ли игнорировать найденные уязвимости? Потому что попытка исправить их вызывает эту ошибку.

Благодарность

70

node.js vue.js npm webpack-dev-server webpack-cli

Источник

user13073034 21 май '20 в 17:41

4 ответа

Другие вопросы по тегам node.js vue.js npm webpack-dev-server webpack-cli

user6279949 01 июл '20 в 19:07 2020-07-01 19:07 · Answer 1 · 2020-07-01 19:07

Ответ от @aprinciple правильный, но, возможно, не сразу понятен людям, которые не знакомы с этими файлами конфигурации. Поэтому я постараюсь объяснить:

С обновлением до основной версии 6.x произошло серьезное изменение: вместо простой передачи массива с шаблонами конфигурации непосредственно в CopyWebpackPlugin конструктор, теперь вам нужно обернуть его в patterns свойство объекта и передать это.

Старый синтаксис:

    new CopyWebpackPlugin(
      [
        { from: 'src/xxx.ext', to: 'dist/xxx.ext' },
        { from: 'src/yyy.ext', to: 'dist/yyy.ext' }
      ]
    )

Новый синтаксис:

    new CopyWebpackPlugin(
      { 
        patterns: [
          { from: 'src/xxx.ext', to: 'dist/xxx.ext' },
          { from: 'src/yyy.ext', to: 'dist/yyy.ext' }
        ]
      }
    )

Они сделали это, потому что конструктор теперь поддерживает дополнительный optionsсвойство: https://webpack.js.org/plugins/copy-webpack-plugin/

user10849995 27 май '20 в 16:10 2020-05-27 16:10 · Answer 2 · 2020-05-27 16:10

После обновления до 3.11 появился новый шаблон

  plugins: [
    new CopyPlugin({
      patterns: [
        { from: 'source', to: 'dest' },
        { from: 'other', to: 'public' },
      ],
    }),
  ],

47

Источник

user10849995 27 май '20 в 16:10

user13730663 12 июн '20 в 01:00 2020-06-12 01:00 · Answer 3 · 2020-06-12 01:00

У меня такая же проблема. Наконец, я смог решить эту проблему, используя

npm install --save copy-webpack-plugin@5.1.1

9

Источник

user13730663 12 июн '20 в 01:00

user6447842 15 авг '20 в 18:34 2020-08-15 18:34 · Answer 4 · 2020-08-15 18:34

Если вы обновитесь до copy-webpack-plugin: ^6.0.3 в вашем package.json, то после копирования всего каталога должно работать следующее:

plugins: [
    new CopyWebpackPlugin({
        patterns: [
            {
                from: "[your-src-dir]/*",
                to: "[your-dst-dir]/*",
            },
        ],
    }),
]

добавление /* после целевого каталога и имени исходного каталога исправляет его, не игнорируя уязвимость, чего никогда не следует делать.

Взгляните на https://webpack.js.org/plugins/copy-webpack-plugin/, чтобы узнать больше.

user1898883 04 окт '20 в 15:48 2020-10-04 15:48 · Answer 5 · 2020-10-04 15:48

Это работает для меня

в файле webpack.config.js измените CopyWebpackPlugin

new CopyWebpackPlugin({
                patterns: [
                  { from: "fonts/**", globOptions: { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] } },
                  { from: "**/*.{jpg,png}", globOptions: { ignore: [`${relative(appPath, appResourcesFullPath)}/**`] } },
                ]
              }),

надеюсь я помогу

3

Источник

user1898883 04 окт '20 в 15:48

user7484853 05 дек '20 в 16:42 2020-12-05 16:42 · Answer 6 · 2020-12-05 16:42

Сбросьте версию angular toolkit до 2.3.0, используя следующую команду.

npm i @ionic/angular-toolkit@2.3.0 -E -D

0

Источник

user7484853 05 дек '20 в 16:42