如何解决 Uncaught ReferenceError: COLLECTION is not defined at <anonymous>:1:1 in Meteor.js/MongoDB答案

【问题标题】：How to resolve Uncaught ReferenceError: COLLECTION is not defined at <anonymous>:1:1 in Meteor.js/MongoDB如何解决 Uncaught ReferenceError: COLLECTION is not defined at <anonymous>:1:1 in Meteor.js/MongoDB
【发布时间】：2019-09-04 15:43:54
【问题描述】：

我正在通过 Eduonix.com 参加全栈课程。似乎不推荐使用某些代码语法，因为我必须安装多个旧版本的东西才能通过某些部分。当我来到 Meteor.js 部分时，这并没有帮助，所以我安装了最新的并进行了一些搜索，使我能够完成第一课。我在第二节课上尝试了同样的方法（当我遇到这个错误时），但我发现的任何东西都没有运气。

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

todos.find().fetch()

在浏览器的控制台中。

相关文件结构：

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

View on github

在课程课中，行

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

main.js 和行中不存在

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

在 collections.js 中显示为

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

我尝试过改变

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

到

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

但它什么也没做。

我也试过添加

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

到 main.js，但我得到一个错误，说“todos”已经定义（只是在我尝试运行控制台命令时得到相同的未定义错误，因为不知何故它都是已定义但仍未定义）。

在发这篇文章之前，我根据在网上查找类似问题进行了这些更改，希望它会像添加一样节省我的时间

import './main.html';

to main.js 是在我收到与此错误之前的类似未定义错误相关的错误时执行的。

main.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>

main.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;
  }
});

collections.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

我做错了什么？

【问题讨论】：

标签： node.js mongodb meteor

【解决方案1】：

我注意到的第一件事是这两行的大小写不同，这意味着它们将指向不同的变量（因此，未定义 todos）：

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

第二件事，因为 Meteor 使用 CommonJS 模块，所以您声明的任何变量都将是该模块的本地变量，并且不会在控制台上可用。
（有一些例外情况，比如声明的 Todos 没有 var、let 或 const，它们将作用于整个应用程序，但仍然不是全局的或在控制台中不可用）

您可以通过将变量作为属性添加到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

【讨论】：

我认为这可能与大写有关，但当我在控制台命令中将“Todos”大写时，最初并没有得到不同的结果。此外，在课程视频和随附文件中，代码的大小写同样不同。然而，既然我已经添加了Todos = require('/lib/collections').Todos（减去开头的“>”），它正在使用命令Todos.fetch().find() 的大写版本。非常感谢。
是的，这里除了大写字母之外还有一些位。很高兴你成功了！