4

我正在开发一个以通用模式运行 Nuxt 的网站。与另一位开发人员一起，我们已经为此工作了几个月。我们使用 Git 在不同的分支上进行协作，然后在发布网站的新版本时将其集成。

从昨天开始，我们遇到了一些我们无法正确解释的事情。每当我尝试运行nuxt时nuxt generate，npm install <package-name>应用程序都会崩溃并出现相同的错误：

在此处输入图像描述

我们怀疑这可能与我们最近的Babel/Webpack升级有关package.json，因为我们得到的错误也提到了一些core-js错误。所有这一切的奇怪之处在于，当我们恢复到旧的提交时，应用程序仍然崩溃并出现完全相同的错误。只有在我们在本地删除存储库并再次克隆它并使用 安装所有依赖项npm install之后，我们才能恢复到相同的提交并让网站重新启动并运行。

我们的其他一些信息package.json：

"scripts": {
    "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "dev": "HOST=0.0.0.0 nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "gsap": "^3.0.1",
    "nuxt": "^2.10.2",
    "swiper": "^5.2.1",
    "vue-svg-loader": "^0.12.0"
  },
  "devDependencies": {
    "@nuxtjs/eslint-config": "^1.1.2",
    "@nuxtjs/eslint-module": "^0.2.1",
    "babel-eslint": "^10.0.3",
    "eslint": "^5.15.1",
    "eslint-config-prettier": "^4.1.0",
    "eslint-plugin-nuxt": "^0.5.0",
    "eslint-plugin-prettier": "^3.1.1",
    "node-sass": "^4.13.0",
    "nodemon": "^1.19.4",
    "prettier": "^1.19.1",
    "sass-loader": "^7.3.1"
  },
  "config": {
    "nuxt": {
      "host": "188.166.41.47",
      "port": "3000"
    }
  }

删除package-lock.json,node_modules文件夹和.nuxt文件夹后，我们尝试npm install再次运行。这导致安装成功，尽管有一个错误：

npm WARN deprecated core-js@2.6.11: core-js@<3 不再维护，由于问题数量不推荐使用。请将您的依赖项升级到 core-js@3 的实际版本。

然而，这并不是我们在 package.json 中明确注册的内容。

4

3 回答 3

4

修复 - 将元数据更改为对象数组。见下文解释。

我自己也遇到过这个问题，我找到了一个简单的解决方法。filter() 是数组构造函数的内置方法。这意味着我们调用该方法的对象不是数组。

我的代码如下所示：

<template>
    <div>
        <div>                    
            <h1>Events</h1>          
        </div>
    </div>
</template>

<script>
export default {
    head(){
        return {
            title: 'Sergiu Mare - Home page',
            meta: {
                hid: 'description',
                name: 'description',
                content: 'All the information that are about the freelancer Sergiu Mare.'
            }
        }
    }
}
</script>

我把它改成了

<template>
    <div>
        <div>                    
            <h1>Events</h1>          
        </div>
    </div>
</template>

<script>
export default {
    head(){
        return {
            title: 'Sergiu MAre - Home page',
            meta: [
                {hid: 'description'},
                {name: 'description'},
                {content: 'All the information that are about the freelancer Sergiu Mare.'}
            ]
        }
    }
}
</script>

现在，如果我检查页面，元信息就在那里。

在此处输入图像描述

于 2020-04-13T19:40:27.197 回答
0

由于您现在已经克服了package-lock.json文件的第一个问题。

第二个应该通过更新你的依赖关系来解决，如果它没有破坏任何东西，它可能nuxt是使用core-js，所以你可以尝试将该依赖关系升级到最新的（2.11.0），否则它只是一个一个升级如果你希望警告消失（这只是一个警告，所以你现在可以把它留给我们）

于 2019-12-18T13:26:28.993 回答
0

可能有点晚了，但如果有 core-js 错误

yarn add --dev core-js@2 @babel/runtime-corejs2

npm install core-js@2 @babel/runtime-corejs2

有帮助

于 2020-02-28T03:08:43.113 回答