按照网上教程初始化了一个新的目录,开发环境没问题,打包也没问题,打包完之后访问就出现了网上经常出现的路径访问错误问题,当然是用网上的解决方案也解决了,还遇到一个iview字体文件找不到的问题,写在这做个记录

1、build之后路径错误
config/index.js build部分

assetsPublicPath: '/',//改为 './'

2、iview字体图标不显示/找不到字体路径问题
/build/webpack.prod.conf.js

extract: true,//改为false

3、Eslint语法检查问题
有时候多个分号,少个空格,没有空格都会报错,可以去根目录下的.eslintrc.js文件修改配置

rules: {
    // allow async-await
    'generator-star-spacing': 'off',
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    "indent": ["off", 2],
    'semi': 0,//取消分号
    'eol-last':0,//取消换行
    "no-irregular-whitespace":0,//取消空格
    "space-before-function-paren": 0//取消方法前空格
  }

即使这样还有一些限制去不掉,解决方案就是不用语法检查
build/webpack.base.conf.js,将eslint相关语法注释或删除

// ...(config.dev.useEslint ? [createLintingRule()] : []),

重新运行 npm run dev有效


太羽
361 声望6 粉丝

但行好事,莫问前程!