如何解决未捕获的引用错误:COLLECTION 未在 <anonymous>Meteor.js/MongoDB 中以 :1:1 定义



我正在通过 Eduonix.com 学习全栈课程。似乎某些代码语法已被弃用,因为我不得不安装多个内容的旧版本才能完成某些部分。当我来到 Meteor.js 部分时,这并没有帮助,所以我安装了最新的并做了一些搜索,让我完成了第一节课。我在第二节课中尝试了相同的方法(当我遇到此错误时(,但对我发现的任何东西都没有任何运气。

当我尝试使用时收到此错误

todos.find().fetch()

在浏览器的控制台中。

相关文件结构:

client
--main.html
--main.js
lib
--collections.js

在 github 上查看

在课程中,线

import { Todos } from '../lib/collections';

主.js和线路中不存在

export const Todos = new Mongo.Collection('todos');

集合中.js显示为

Todos = new Mongo.Collection('todos');

我试过改变

import { Todos } from '../lib/collections';

import { Todos } from '/lib/collections';

但它什么也没做。

我也尝试过只是添加

Todos = new Mongo.Collection('todos');

tomain.js,但我得到一个错误,说"todos"已经定义(只是在我尝试运行控制台命令时得到同样的未定义错误,因为不知何故它已经定义并且仍然未定义(。

在发表这篇文章之前,我已经根据在线查找类似问题进行了这些更改,希望它能像添加一样节省我

import './main.html';

main.js当我遇到与此错误之前相关的类似未定义错误时。

主.html

<head>
<title>QuickTodos</title>
</head>
<body>
{{> main}}
</body>
<Template name="main">
<header>
<h1>{{title}}</h1>
</header>
<ul>
{{#each todos}}
{{> todo}}
{{/each}}
</ul>
</template>
<template name="todo">
<li>{{text}}</li>
</Template>

主.js

import { Template } from 'meteor/templating';
import './main.html';
import { Todos } from '../lib/collections';
const todos = [
{text:'Pickup kids from school'},
{text:'Go food shopping'},
{text:'Meeting with boss'}
];
Template.main.helpers({
title(){
return 'QuickTodos';
},
todos(){
return todos;
}
});

收藏.js

import {Mongo} from 'meteor/mongo';
export const Todos = new Mongo.Collection('todos');

当我跑步时

todos.find().fetch()

我希望得到一个空数组,但相反,我得到:

VM1905:1 
Uncaught ReferenceError: todos is not defined
at <anonymous>:1:1

我做错了什么?

我注意到的第一件事是这两行的大写不同,这意味着它们将指向不同的变量(因此,未定义待办事项(:

export const Todos = new Mongo.Collection('todos');
todos.find().fetch()

第二件事是,由于 Meteor 使用 CommonJS 模块,因此您声明的任何变量都将是该模块的本地变量,并且在控制台上不可用。
(有一些例外,例如声明的Todos没有varletconst,它们的作用域将涵盖整个应用程序,但仍然不是全局的或在控制台中可用(

您可以通过将变量作为属性添加到window来强制变量是全局变量:

import { Mongo } from 'meteor/mongo';
export const Todos = new Mongo.Collection('todos');
window.Todos = Todos; // here we make it global

然后只要这个文件是client/main.js导入的,就可以在控制台上使用Todos

这对于小型应用程序和测试内容很好,但会增加名称冲突的可能性,并且更难理解大型应用程序中代码的来源。

如果您想以模块系统的"正确"方式执行操作,您可以使用require在控制台中访问模块的导出:

> Todos = require('/lib/collections').Todos

最新更新