npm Vue.js -冲突中的错误:多个资源将不同的内容发出到同一文件名index.html

soat7uwm  于 2022-11-14  发布在  Vue.js
关注(0)|答案(3)|浏览(499)

如果我在我的MacBook上创建一个新的Vue.js项目,并使用“NPMRunServe”编译它,我会得到以下错误。
自从创建文件以来,我没有更改过任何文件。

markus@Markuss-MBP meinerstesprojekt % npm run serve

> meinerstesprojekt@0.1.0 serve
> vue-cli-service serve

 INFO  Starting development server...

 ERROR  Failed to compile with 1 error                                                                                                                                    6:12:51 PM

 error  

Conflict: Multiple assets emit different content to the same filename index.html

ERROR in Conflict: Multiple assets emit different content to the same filename index.html

webpack compiled with 1 error

vue.config.js

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})

module.exports = {
chainWebpack: (config) => {
config.resolve.symlinks(true)
}
}

package.json

{
  "name": "meinerstesprojekt",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.8.3",
    "vue": "^2.6.14"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "^5.0.1",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "vue-template-compiler": "^2.6.14"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

npm版本:8.5.3
节点版本:第16.14.0版
版本:@vue/客户端5.0.1
以下文件夹位于路径中:

├── README.md
├── babel.config.js
├── dist
├── jsconfig.json
├── node_modules
├── package-lock.json
├── package.json
├── public
├── src
└── vue.config.js

你知道为什么这不起作用吗?不幸的是,我无法通过搜索网络找到解决方案

ezykj2lf

ezykj2lf1#

解决方法:
第一步:将index.html重命名为index.ejs;
步骤2:添加html:{模板:'./src/index.ejs' }到节点中,然后将其添加到
错误的原因可能是:当使用脚手架创建项目时,多个文件的名称重复。

okxuctiv

okxuctiv2#

我有这个问题,因为路径的项目是有空格的文件夹名称
所以我重命名了项目的路径,它起作用了
范例
user/some path here/your-project-name开始
user/somePathHere/your-project-name
一切都开始运转。

pgvzfuti

pgvzfuti3#

当你点击vue create your-project-name选择([Vue 3]Babel,eslint)并尝试npm run serve
您还可以使用vue ui启动一个新项目或导入一个旧项目,并在浏览器的GUI中查看有关项目运行的所有信息,以便找出任何问题。

相关问题