编译时出现西兰花错误

Question

I 运行 ember s 并得到以下内容：

ember s
version: 2.4.2
Livereload server on http://localhost:49152
Serving on http://localhost:4200/
The Broccoli Plugin: [TemplateCompiler] failed with:
Error: EEXIST: file already exists, symlink '/Users/myname/Documents/source-code/route-app/tmp/template_compiler-input_base_path-knvK6YsL.tmp/0/route-app/templates/components/event-form.js' -> '/Users/myname/Documents/source-code/route-app/tmp/template_compiler-output_path-nJ5NYRH1.tmp/route-app/templates/components/event-form.js'
at Error (native)
at Object.fs.symlinkSync (fs.js:897:18)

这些文件是我手工创建的，没有使用 emberg。这是我组件的 hbs 和 js 文件：

hbs 文件：

<h2>Add New Event</h2>

<form {{action 'addEvent' on='submit'}}>
 <div>
   <label for="">Event Date</label>
   {{input value=event.date}}
   <label for="">Event Name</label>
   {{input value=event.name}}
   <label for="">City</label>
   {{input value=event.city}}
   <label for="">State</label>
   {{input value=event.state}}
</div>
<button type="submit">Add Event</button>
</form>

js文件：

import Ember from 'ember';

export default Ember.Component.extend ({
  actions:
  {
    addEvent: function() {
      this.sendAction('action', this.event);
    }
  }
});

两者都在 ../templates/components 目录中。

知道我做错了什么吗？这个组件是保留名称还是什么？我迷路了！

Answer 1

Js 文件必须放在 '../components' 目录中。

模板将被转换为'template'目录中的js文件，但您的案例中已经存在js文件。

编译时出现西兰花错误

Im getting a broccoli error when compiling

ember.js

ember-cli

ember-components