Client on node: Uncaught ReferenceError: require nie jest zdefiniowany

ES6: w html Dołącz główny plik js za pomocą atrybutu type="module" (Obsługa przeglądarek):

<script type="module" src="script.js"></script>

I w script.js pliku Dołącz inny plik o tym samym numerze:

import { hello } from './module.js';
...
// alert(hello());

W 'module.js ' musisz wyeksportować funkcję / klasę którą zaimportujesz

export function hello() {
    return "Hello World";
}

Praca przykład tutaj .

W moim przypadku użyłem innego rozwiązania.

Ponieważ projekt nie wymaga CommonJs i musi mieć kompatybilność z ES3 (Moduły nie są obsługiwane), wystarczy usunąć wszystkie export i import z twojego kodu, ponieważ tsconfig nie zawiera

"module": "commonjs"

Ale używaj instrukcji importu i eksportu w plikach, do których się odwołujesz

import { Utils } from "./utils"
export interface Actions {}

Końcowy wygenerowany kod będzie zawsze miał (przynajmniej dla typescript 3.0) takie linie

"use strict";
exports.__esModule = true;
var utils_1 = require("./utils");
....
utils_1.Utils.doSomething();

Even using this won't work , I think the best solution is browserify

-common.js-
module.exports = {
  func1: function () {
   console.log("I am function 1");
  },
  func2: function () {
    console.log("I am function 2");
  }
};

-getFunc1.js-
var common = require('./common');
common.func1();