错误Webpack:未捕获ReferenceError:未定义require

时间:2020-03-04 14:07:30

标签: angularjs webpack-4

package.json

{
  "name": "webpackdemo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "ankit dhoreliya",
  "license": "ISC",
  "dependencies": {
    "@types/requirejs": "^2.1.31",
    "angular-ui-router": "^1.0.25",
    "bootstrap": "^4.4.1"
  },
  "devDependencies": {
    "angular": "^1.7.9",
    "angularjs-template-loader": "^0.1.2",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.6",
    "babel-preset-es2015": "^6.24.1",
    "html-loader": "^0.5.5",
    "raw-loader": "^4.0.0",
    "webpack": "^4.42.0",
    "webpack-cli": "^3.3.11"
  }
}

webpack.config.js

let webpack = require('webpack');
module.exports = {
    entry: './app/app.module.js',
    output: {
        path: './bin',
        filename: 'app.bundle.js',
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
            },
            { test: /\.html$/, loader: "html" },
            { test: /\.css$/, loader: "style!css" }
        ]
    },
    devtool: "#inline-source-map"
}

app.module.js 这是我的输入文件

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

require('./home');
require('./login');

项目结构 enter image description here

浏览器控制台错误

app.module.js:3 Uncaught ReferenceError: require is not defined
    at app.module.js:3

请帮助解决此问题,请告诉我如何为我的应用配置ui路由。 我如何在index.js中导出控制器。

0 个答案:

没有答案