与 Browserify 一起使用时出现 Angular Material 错误答案

【问题标题】：Angular Material error when use with Browserify与 Browserify 一起使用时出现 Angular Material 错误
【发布时间】：2015-06-07 15:34:15
【问题描述】：

我使用 Browserify 所有的 js 文件，但是在浏览器中运行时会产生这个错误

Error: [jqLite:nosel] Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element

这是 Laravel 的整个 HTML 刀片

<body ng-app="myApp">
    <md-content>
        <md-toolbar>
            <div class="md-toolbar-tools">
                <md-button class="md-icon-button" aria-label="Settings">
                    <md-icon md-svg-icon="/img/logo.jpg"></md-icon>
                </md-button>
                <h2><span class="md-title">Service Rocket</span></h2>
            </div>
        </md-toolbar>
        {{-- The content area --}}
        <div layout="row">
        {{-- 20% padding to the left --}}
            <div flex="20"></div>
            {{-- The main action happens here --}}
            <md-card flex ng-controller="MainCtrl as ctrl">
                <md-card-content>
                    <!-- The row for the city select autocomplete list -->
                    <md-content layout-padding="">
                        <form>
                            <md-input-container flex="" class="md-icon-float">
                                <label>Name</label>
                                <md-icon md-svg-icon="/img/action/svg/production/ic_face_48px.svg"></md-icon>                                   
                                <input type="text" name="appname" id="appname" ng-model="applicant.name">
                            </md-input-container>
                            <md-input-container flex="" class="md-icon-float">
                                <label>Email</label>
                                <md-icon md-svg-icon="/img/communication/svg/production/ic_quick_contacts_mail_48px.svg"></md-icon>
                                <input type="email" name="appemail" id="appemail" ng-model="applicant.email">
                            </md-input-container>
                            <md-input-container flex="">
                                <label>Biography</label>
                                <textarea id="appbio" name="appbio" ng-model="applicant.about" maxlength="150"></textarea>
                            </md-input-container>                           
                            <md-button>
                                <label for="appdocs">Resume</label>
                            </md-button>
                            <input type="file" name="appdocs" id="appdocs">
                            <div layout>
                                <md-button class="md-raised md-primary" ng-click="submit()">Submit my application</md-button>
                            </div>
                        </form>
                    </md-content>
                    {{-- The submit button --}}
                </md-card-content>
            </md-card>
            <div flex="20"></div>
        </div>
    </md-content>
<script src="{{ asset('/js/bundle.js') }}"></script>
</body>

为了您的信息，我使用 Laravel-elixir browserify 来管理它的连接。有没有人经历过这个

【问题讨论】：

如果您可以创建一个小提琴来查看实际问题，也许我可以提供帮助！
虽然，我建议你停止使用 Laravel 的 HTML/Form Builders，因为这些已经被弃用了..
我使用 laravel 集体。是主动的。我无法创建小提琴，因为 js 文件太大而无法在 jsfiddle 上加载
我看到的第一件事：看起来你想要md-svg-src 而不是md-svg-icon

标签： javascript angularjs laravel-5 angular-material

【解决方案1】：

如果有人遇到过这种情况。恕我直言，只需删除 node_modules 文件夹并再次运行 npm install。安装过程中可能会出现奇怪的问题，因为网络可能会断断续续。

【讨论】：