Question

我正在尝试使用webpack dev服务器设置一个简单的AngularJS应用程序，但我无法使角色工作。 HTML正在提供良好的服务。我收到了错误

＆＃34;未捕捉错误：[$ injector：nomod]模块＆＃39; app＆＃39;不可用！您要么错误拼写了模块名称，要么忘记加载它...＆＃34;
＆＃34;未捕获错误：[$ injector：modulerr]由于以下原因无法实例化模块应用：错误：[$ injector：nomod]模块＆＃39; app＆＃39;不可用！您要么错误拼写了模块名称，要么忘记加载它。＆＃34;

webpack config：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');


module.exports = {

entry: path.resolve(__dirname, 'app/app.js'),

devtool: 'source-map',
plugins: [
    new HtmlWebpackPlugin({
        title: 'Development'
    })
],

output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, '.')
},

plugins: [
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html'
    }),
]
};

app.js

import angular from 'angular';
require ('./MainController.js');

console.log('hello world')

angular
  .module('app', []);

的index.html

<!DOCTYPE html>
<html lang="en" ng-app="app">
 <head>
  <meta charset="UTF-8">
  <title>AngularJS SPA</title>
 </head>
 <body>
  <div>hello</div>
  <div ng-controller="MainController as main"> 
    {{ main.name }}
    <div ng-repeat="result in main.searchResults">{{ result }}</div>
  </div>
</body>

第一次使用webpack dev服务器，我已经谷歌搜索了一段时间。感谢

AngularJS 1.6 + Webpack开发服务器 - ＆＃34;模块＆＃39; app＆＃39;不可用！＆＃34;

0 个答案: