如果我在我的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
你知道为什么这不起作用吗?不幸的是,我无法通过搜索网络找到解决方案
3条答案
按热度按时间ezykj2lf1#
解决方法:
第一步:将index.html重命名为index.ejs;
步骤2:添加html:{模板:'./src/index.ejs' }到节点中,然后将其添加到
错误的原因可能是:当使用脚手架创建项目时,多个文件的名称重复。
okxuctiv2#
我有这个问题,因为路径的项目是有空格的文件夹名称
所以我重命名了项目的路径,它起作用了
范例
从
user/some path here/your-project-name
开始至
user/somePathHere/your-project-name
一切都开始运转。
pgvzfuti3#
当你点击
vue create your-project-name
选择([Vue 3]Babel,eslint)并尝试npm run serve
。您还可以使用
vue ui
启动一个新项目或导入一个旧项目,并在浏览器的GUI中查看有关项目运行的所有信息,以便找出任何问题。