无法在JavaScript中创建Vue路由器实例

接下来，我到达了需要创建Vue实例的位置（这似乎可行）。但是，我还需要在Vue的构造函数中提供Vuew Router的实例，如下所示

const router = new VueRouter({ routes });
const app = new Vue({ router }).$mount('#app');

遗憾的是，它产生了以下错误。我非常不确定如何处理它，而且故障排除似乎很少有文档记录

我确保安装了两个软件包，以及一些额外的软件包

+-- vue@2.0.8
+-- vue-cli@2.5.1
+-- vue-router@2.0.3

我还没有为下面这两个实现导入（真的不确定代码放在哪里，而且当我尝试使用index.js时，它发出吠叫，无法识别令牌）。但是，我认为这些都不是必需的，因为Vue仍然被识别，只有它的路由器无法被识别。如果导入是至关重要的，我有一种感觉，如果省略，两者都会失败

import Vue from 'vue'
import VueRouter from 'vue-router'

整个过程非常复杂，因为需要决定在Net.Core下运行它，而不是在NodeJs下运行，所以我可能会受到限制。我们不会使用Webpack或Browserify来保持进程运行（而是使用普通的dotnet运行）。我不确定这是不是在这个阶段的相关信息，但我读到它应该是“哦，这么简单和容易”，但坦率地说，它似乎不是简单和容易。因此，我怀疑，如果部署在特定环境中，这很容易，但在我的情况下，需要一些动手按摩

---

我可以研究什么来进一步调查这个问题？

下面是vue路由器的基本设置，但您确实需要导入vue&vue路由器，以便能够以您的身份引用它们：

从“Vue”导入Vue；
从“vue路由器”导入VueRouter；
Vue.use（VueRouter）；
常量Foo={template:'Foo'}
常量条={template:'Bar'}
常数路由=[
{路径：'/foo'，组件：foo}，
{路径：'/bar'，组件：bar}
]
常量路由器=新的VueRouter({
路线
})
const app=新的Vue({
路由器
}).$mount（“#应用程序”）

你好应用程序！

去福
去酒吧

第二个示例有效。第一个在我的浏览器中产生错误。是因为它被嵌入了吗？是的，我想这和你之前遇到的问题是一样的——你的设置不允许你导入包。这是一个babel/ES6编译问题，您必须对其进行故障排除。有没有一种简单的方法可以从DotNet开始构建你的应用程序，这样你就可以使用webpack或browserify来构建它？您不能从

dotnet run

调用命令吗？如果可以，您可以安装vue的vue cli设置，然后调用它的

npm run dev

命令来生成输出。这开始很荒谬-我复制了您提供的第二个示例，但出于duck的缘故，它仍然不起作用（有意输入错误）。然后我开始四处闲逛，我意识到——是执行的顺序把事情搞砸了。我把Vue相关的JS放在我的onload中，但是我应该在创建app div之后执行Vue相关的东西。当我转到一个完全空白的文件时，它起了作用。这需要一种高度反直觉的方法。而且它应该去嘎嘎自己（再次，打字错误的意图），哈哈哈。我是如此接近10000代表，所以我不想在任何东西上花费任何。但我会请一个朋友在这件事上悬赏，因为我觉得你做得很棒。努力应该得到回报@KonradViltersten只要您的后端服务器使用http/https；，您就可以了。）基本上，您只需设置一个前端开发服务器，在编辑时传输前端src文件，然后为您重新加载浏览器。我们这里的GYC多次推荐这位官员。就我个人而言，我使用了而不是vue cli。

import Vue from 'vue'
import VueRouter from 'vue-router'