javascript - rapport d'erreurs après l'introduction de vue-cli vux

Question

Le code

build/webpack.base.conf.js est le suivant

var path = require('path')
var utils = require('./utils')
var config = require('../config')
var vueLoaderConfig = require('./vue-loader.conf')
var vuxLoader = require('vux-loader')
function resolve (dir) {
  return path.join(__dirname, '..', dir)
}

const originalConfig = {
  entry: {
    app: './src/main.js'
  },
  output: {
    path: config.build.assetsRoot,
    filename: '[name].js',
    publicPath: process.env.NODE_ENV === 'production'
      ? config.build.assetsPublicPath
      : config.dev.assetsPublicPath
  },
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue$': 'vue/dist/vue.esm.js',

      '@': resolve('src')
    }
  },
  module: {
    rules: [
      {
        test: /\.vue$/,
        loader: 'vue-loader',
        options: vueLoaderConfig
      },
      {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [resolve('src'), resolve('test')]
      },
      {
        test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('img/[name].[hash:7].[ext]')
        }
      },
      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
        }
      }
    ]
  }
}
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig

module.exports = vuxLoader.merge(webpackConfig, {
  plugins: ['vux-ui']
})

Page qui présente les composants composants/vuxc

<template>
  <p>
    <group>
      <cell title="title" value="value"></cell>
    </group>
  </p>
<**加粗文字**/template>

<script>
  import { Group, Cell } from 'vux'

  export default {
    components: {
      Group,
      Cell
    }
  }
</script>

Une fois webpack.base.config.js configuré, vue-cli peut analyser normalement, mais lors du référencement de composants dans la page, une erreur est signalée au moment de l'exécution, comme suit

vux loader et vux ont été installés avec cnpm pour la première fois. Après que l'erreur ait été signalée, j'ai utilisé npm pour le réinstaller
Les deux commandes ont été suivies de --save. Pourquoi y a-t-il encore des dépendances manquantes ?

Answer 1

Avez-vous css-loader et vue-style-loader dans votre Package.json

Answer 2

css-loader et vue-style-loader ne sont pas installés

Exécuter : cnpm install --save-dev css-loader vue-style-loader

L’indice n’est-il pas très évident ? . .