vux2安装运行报错

Question

安装官方的步骤安装vux一直提示错误

npm install vue-cli -g

vue init airyland/vux2 projectPath

cd projectPath

npm install --registry=https://registry.npm.taobao.org

npm run dev

相关代码

// 'use strict'
const path = require('path')
const utils = require('./utils')
const config = require('../config')
const vueLoaderConfig = require('./vue-loader.conf')
const vuxLoader = require('vux-loader')

function resolve (dir) {
return path.join(__dirname, '..', dir)
}

let webpackConfig = {
context: path.resolve(__dirname, '../'),
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: [
  ...(config.dev.useEslint? [{
    test: /\.(js|vue)$/,
    loader: 'eslint-loader',
    enforce: 'pre',
    include: [resolve('src'), resolve('test')],
    options: {
      formatter: require('eslint-friendly-formatter'),
      emitWarning: !config.dev.showEslintErrorsInOverlay
    }
  }] : []),
  {
    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: /\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('media/[name].[hash:7].[ext]')
    }
  },
  {
    test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
    loader: 'url-loader',
    options: {
      limit: 10000,
      name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
    }
  }
]

}
}

module.exports = vuxLoader.merge(webpackConfig, {
plugins: [

'vux-ui',
'progress-bar',
{
  name: 'duplicate-style',
  options: {
    cssProcessorOptions : {
      safe: true,
      zindex: false,
      autoprefixer: {
        add: true,
        browsers: [
          'iOS >= 7',
          'Android >= 4.1'
        ]
      }
    }
  }
}

]
})

这是报错信息：

Answer 1

看报错信息，应该是 vux 的 weui 样式库 fn 缺失。

检查一下 node_modules/vux/src/styles/weui/base 里边有没有 fn.less 文件，从 vux 仓库上看，是应该有这个文件的：https://github.com/airyland/v...

如果没有的话，可能是你安装的 vux 不完整，可以尝试重新安装。