ember.js - Ember JS : define is not defined

Question

我最近将我的应用程序从 Ember 1.3 升级到了 Ember 2.4.2。然而，在使用 ember build --env production 将其部署到我的生产环境后，我注意到了一些问题。

第一个问题是每个脚本/样式表标记都附加了一个 integrity 属性，这使得加载这些资源变得不可能。经过一番调查后，我决定将这些属性的值替换为空。这允许应用程序下载资源，但我随后注意到控制台中出现一个错误，显示 Ember 创建的缩小的 website.js 文件上未定义定义。我无法在本地复制此问题，因为该应用程序运行良好。我还可以采取哪些步骤来调查此问题？这可能与我安装的某些插件有关，或者可能与我删除的 SRI 完整性属性有关？

编辑:我刚刚尝试使用 Ember 构建和部署普通应用程序(例如 ember new testApp 和 ember build --env production 并遇到了相同的问题。Ember 是否存在我不知道的问题不知道吗？我不认为这是我的服务器，因为我能够很好地渲染普通的 index.html。

Answer 1

我更喜欢使用最新的 NodeJS (v5.8) 和最新的 npm。您可以使用 npm install -g npm 更新您的 npm。 The best way to install NodeJS

我猜，您拥有最新的 ember-cli。如果您不在项目之外，您可以更新它:

$ cd ~
$ npm install -g ember-cli

我刚刚克隆了您的存储库。

$ git clone https://github.com/uioporqwerty/website.git
$ cd website
$ npm install && bower install
$ ember server

出现以下错误:

➜  website git:(master) ember s
version: 2.4.2
The Broccoli Plugin: [ConfigLoader] failed with:
Error: Attempting to watch missing directory: config
    at EventEmitter.Watcher_addWatchDir [as addWatchDir] (/Users/szines/projects/temp/website/node_modules/broccoli-sane-watcher/index.js:90:11)
    at /Users/szines/projects/temp/website/node_modules/ember-cli-broccoli/lib/builder.js:95:35
   ...

由于您的 ember-cli 项目中缺少几个重要文件，我只运行 ember init

$ ember init

在此过程中您会看到一个问题。您可以使用“d”检查建议的更改，但它只会删除 bootstrap 和 font-awesome，这很好，因为我们将使用 ember install 重新安装它们。

[?] Overwrite bower.json? (Yndh) Y

现在我们删除所有以前的 Bower 和 npm 包、temp 文件夹和 dist 文件夹。

$ rm -rf bower_components node_modules tmp dist
$ npm install && bower install

安装ember-bootstrap和ember-font-awesome:

$ ember install ember-bootstrap
$ ember install ember-font-awesome

启动服务器:

$ ember server

您的应用程序运行得非常顺利。在浏览器中打开 localhost:4200。

您可以构建生产:

$ ember build --prod

所有文件都将位于 /dist 文件夹中。

或者使用服务器运行生产版本:

$ ember server --prod

享受你的新 Ember! :)

更新:

您可以使用ember-cli-update来更新您的Ember应用程序:

$ npx ember-cli-update
$ npx ember-cli-update --run-codemods

来源:Update Ember.js app