我正在配置vue项目.我使用了网页模板.(npm安装初始化网页包).我在终端机上发现一个错误--

ERROR in ./src/main.js

✘  http://eslint.org/docs/rules/no-new  Do not use 'new' for side effects  
/Users/uz067252/Documents/Development/Vue/workex/vue-project/src/main.js:21:1
new Vue({
^


✘ 1 problem (1 error, 0 warnings)


Errors:
1  http://eslint.org/docs/rules/no-new

这是主要的.js

import Vue from 'vue'
import App from './App.vue'
import Hello from './components/Hello.vue'

import VueRouter from 'vue-router'
import VueResource from 'vue-resource'

// We want to apply VueResource and VueRouter
// to our Vue instance
Vue.use(VueResource)
Vue.use(VueRouter)

// Pointing routes to the components they should use
var router = new VueRouter({
routes: [
    { path: '/hello', component: Hello },
    { path: '*', redirect: '/hello' }
]
})

new Vue({
el: '#app',
router: router,
render: h => h(App)
})

谢谢

推荐答案

该错误来自eslint代码格式化程序,而不是Vue.js本身.

您的网页包环境已配置为在生成和启动应用程序之前验证代码.在这样做的同时,你的eslint人发出了警告.

要避免这种情况,请执行以下操作(在main.js文件的最后5行中):

new Vue({  // eslint-disable-line no-new
    el: '#app',
    router: router,
    render: h => h(App)
})

您在上面所做的是仅在该行中禁用new的eslint警告.现在,你的网页包将正常启动你的应用程序.

另一个选项是在.eslintrc.js中(在项目根文件夹中)设置一个规则,您可以在其中指定忽略no-new规则.(在这种情况下不建议使用)

Vue.js相关问答推荐

使用插槽的VUE 3工作台

如果单元格不可见,则以编程方式打开行的编辑模式. Ag 网格,Vue.js

TailwindCSS 为什么前者比后者重要?

在 bootstrap-vue 中渲染自定义样式

从组件的 内的组件调用方法

Vue watch 意外调用了两次

Vuetify / Offline离线图标

等待来自 WDS 的更新信号

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

将 Vuetify 从 1.5 升级到 2 时,Sass-loader 错误 'options has an unknown property 'indentedSyntax''

如何在 VUE 应用中使用 sass?

我可以修改 Vue.js VNodes 吗?

Vue代理设置不起作用

为什么 v-model 不适用于数组和 v-for 循环?

在路由更改之前显示确认对话框

如何让 vuetify 数据表在卡片内时跨越容器的整个宽度?

从 vuex 存储访问 $vuetify 实例属性

Vue.js react性如何在幕后工作?

检测 Vue-Router 导航Guards中的后退按钮

如何在 VeeValidate 中自定义错误信息(字段名称)?