Question

我想尝试调试一下：

https://gist.run/?id=57ed46429e4583eb4c3fb11814451a55

...但是，我不知道如何使用aurelia CLI在本地运行gist.run类型的项目。

这就是我的所作所为：

$ mkdir /tmp/aurtmp
$ cd /tmp/aurtmp
$ au new aurtmp --here
...
What platform are you targeting?           1. Web (Default)
What transpiler would you like to use?     1. Babel (Default)
What css processor would you like to use?  1. None (Default)
Would you like to configure unit testing?  2. No
What is your default code editor?          5. None of the Above
Would you like to create this project?     1. Yes (Default)
Would you like to install the project dependencies?  1. Yes (Default)
...
Installing project dependencies.
...
Congratulations! Your Project "aurtmp" Has Been Created!
...
Happy Coding!

$ git clone https://gist.github.com/anonymous/57ed46429e4583eb4c3fb11814451a55 tmpsrc
$ rsync -aP tmpsrc/ src/
$ rm -rf tmpsrc

此时请注意，./index.html（自动生成）和./src/index.html（已下载）

好的，如果我直接从文件夹中运行文件：

firefox ./src/index.html

......它实际上似乎在运行，但我进入错误日志：

syntax error                     app.js:1:1
...
syntax error       first-level-items.js:1:1
not well-formed   second-level-items.js:1:1

...这不是我直接在gist.run中获得的错误（使用Chromium时）。

但是，如果我尝试使用Chromium，我会得到：

XMLHttpRequest cannot load file:///tmp/aurtmp/src/main.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.
Error: XHR error loading file:///tmp/aurtmp/src/main.js(…)

......我猜这是不言自明的。

如果我尝试使用au run --watch或au build构建项目，我会得到：

Tracing first-level-items...
{ uid: 8,
  name: 'writeBundles',
  branch: false,
  error: 
   { [Error: ENOENT: no such file or directory, open '/tmp/aurtmp/src/aurelia-kendoui-bridge/slider/slider.js']
     errno: -2,
     code: 'ENOENT',
     syscall: 'open', ...

那么，是否有推荐和/或简单的方法在本地使用/调试Aurelia项目，使用au cli？

Answer 1

首先，通过运行au -v确保您运行的是最新版本的CLI（0.25.0）。如果您没有使用最新版本的CLI，那么（在您的情况下），您需要运行npm install -g aurelia-cli进行升级。然后使用au new在新文件夹中创建一个新项目。

接下来，您需要使用Aurelia CLI安装aurelia-kendoui-bridge。

 au install aurelia-kendoui-bridge

它将为您运行npm install aurelia-kendoui-bridge，并修改您的aurelia.json文件以包含kendo ui网桥。

现在您已经创建了一个新项目，您只需将gist中的所有文件（index.html除外）复制到CLI项目的src目录中。您可以覆盖main.js和app.[html|js]个文件。请勿将index.html文件替换为要点中的文件。

接下来，运行au run或au run --watch，你应该好好去！

Aurelia JS - 使用带有CLI（au run）的gist.run项目？

1 个答案: