Angularjs 使用Web包时未定义angular.module
角度1.5.8,网页包2.1.0-beta.25 我得到一个错误,角度是未定义的,当我试图使用它的网页。我已尝试将angular作为外部和软件包的一部分加载,如下所述: 我在我的入口点添加了以下代码以进行测试:Angularjs 使用Web包时未定义angular.module,angularjs,typescript,webpack,Angularjs,Typescript,Webpack,角度1.5.8,网页包2.1.0-beta.25 我得到一个错误,角度是未定义的,当我试图使用它的网页。我已尝试将angular作为外部和软件包的一部分加载,如下所述: 我在我的入口点添加了以下代码以进行测试: import * as angular from 'angular'; // import angular from 'angular'; <!-- have tried this too angular.module('test', []); Index.html(外部提供时
import * as angular from 'angular';
// import angular from 'angular'; <!-- have tried this too
angular.module('test', []);
Index.html(外部提供时):
sbMain.bundle.js是发生错误的地方,即使它是最后加载的(angular是第一个)每个脚本的包含顺序如何?我在问题中添加了我的index.html。Angular是在my bundled files.AFAICT之前加载的,您不应该使用
externals
+ProviderPlugin
+import
。使用externals
+ProviderPlugin
或externals
+import
。是的,我两种方法都试过,同样的错误这很奇怪。(再说一次,我的网页fu相当弱。)是否有可能创建最小复制(例如回购)?
externals: {
jquery: 'jQuery',
window: 'window',
angular: 'angular'
},
new webpack.ProvidePlugin({
$: 'jquery',
angular: 'angular',
_: 'lodash',
moment: 'moment'
}),
<body id="bootstrap-overrides">
<sb-app></sb-app>
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/slideout/0.1.11/slideout.min.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="sbMain.bundle.js"></script>
</body>