Nuxt / Gitlab：警告：公共：没有匹配的文件错误：没有要上传的文件

Question

我正在尝试在Gitlab上部署我的Nuxt.js / Vuetify应用。我的应用程序在本地计算机上运行良好。

.gitlab.ci.yml

这是Nuxt.js official documentation建议的我的.gitlab-ci.yml文件：

image: node

before_script:
  - npm install

cache:
  paths:
    - node_modules/

pages:
  script:
    - npm run generate
  artifacts:
    paths:
      - public
  only:
    - master

nuxt-config.js

这是我的nuxt.config.js文件的内容：

module.exports = {
    /*
    ** Headers of the page
    */
    head: {
    title: 'fending4',
    meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { hid: 'description', name: 'description', content: 'Nuxt.js project' }
    ],
    link: [
        { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
        { rel: 'stylesheet', type: 'text/css', href: 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons'}
    ]
    },


    /*
    ** Customize the progress bar color
    */
    loading: { color: '#3B8070' },
    /*
    ** Build configuration
    */
    build: {
    /*
    ** Run ESLint on save
    */
    extend (config, { isDev, isClient }) {
        if (isDev && isClient) {
        config.module.rules.push({
            test: /\.(js|vue)$/,
            enforce: 'pre',
            loader: 'eslint-loader',
            exclude: /(node_modules)/
        });
        config.module.rules.push({
            test: /\.css$/,
            loader: ['css-loader', 'stylus-loader'],
            exclude: /(node_modules)/
        });
        };      
    }   
    },
    maxChunkSize: 400000,
    performance: {
        hints: false
    }
}

错误消息

我收到此错误消息：

2018-09-12T10:33:22.028Z nuxt: Call generate:distRemoved hooks (1)
2018-09-12T10:33:22.028Z nuxt:generate Destination folder cleaned
2018-09-12T10:33:22.034Z nuxt: Call generate:distCopied hooks (1)
2018-09-12T10:33:22.034Z nuxt:generate Static & build files copied
2018-09-12T10:33:22.037Z nuxt:render Rendering url /
2018-09-12T10:33:24.320Z nuxt: Call generate:page hooks (1)
2018-09-12T10:33:24.321Z nuxt:generate Generate file: /index.html
2018-09-12T10:33:24.324Z nuxt:render Rendering url /
2018-09-12T10:33:24.325Z nuxt: Call generate:done hooks (1)
2018-09-12T10:33:24.326Z nuxt:generate HTML Files generated in 24.5s
2018-09-12T10:33:24.326Z nuxt:generate Generate done
Creating cache default...
node_modules/: found 22322 matching files          
Uploading cache.zip to http://runners-cache-3-internal.gitlab.com:444/runner/project/8345221/default 
Created cache
Uploading artifacts...
WARNING: public: no matching files                 
ERROR: No files to upload                          
Job succeeded

屏幕截图

有任何提示吗？

Answer 1

我想问题出在下面

{% if Actie == "Nieuw" %}
<input class="numeriek" type="text" name="Netnummer" value=" 
{{Netnummer }}" maxlength="10">{% endif %}

{% if Actie == "Openen" %}
<input readonly class="numeriek" type="text" name="Netnummer" value=" 
{{Netnummer }}" maxlength="10"> {% endif %}

Nuxt将生成到dist文件夹，而不是公共文件夹

所以您需要这样的东西

  artifacts:
    paths:
      - public

Answer 2

有两种方法

1. 您可以在nuxt.config.js文件中更改生成的文件夹

module.exports = {
 // custom generated folder
  generate: {
    dir: 'public'
  }
}

1. 您可以将内容从dist文件夹移动到公用文件夹

script:
  - npm run build
  - mv dist public