'ReferenceError: require is not defined' в среде разработки es6

Возникла ошибка ('ReferenceError: require is not defined')
в следующем синтаксисе, и сейчас я использую @ babel / preset-env. Как мне решить эту проблему?

const _ = require("lodash.template");

(Я пытаюсь использовать библиотеку lodash в среде разработки es6.)


package.json

"@babel/preset-env": "^7.0.0"

webpack.config.js

presets: ['@babel/preset-env']

Вся конфигурация Webpack выглядит так:

const webpack = require('webpack');
const path = require('path');

module.exports = {
    entry: './src/js/App.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/dist/',
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                include: path.join(__dirname),
                exclude: /(node_modules)|(dist)/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/preset-env']
                    }
                }
            }
        ]
    }
};

некоторый контекст использования:

let litemplate  =`<li class = "id">[<%=data[i].id%>]</li>`;
let listemplate = _.template(litemplate);
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
5 951
1

Ответы 1

Возможно, вам потребуется установить CommonJS, RequireJS или какой-либо другой менеджер, см. Клиент на узле: Uncaught ReferenceError: требование не определено

Что мне делать, если я не использую узел, а просто запускаю модули javascript в браузере?

podlec 11.03.2021 13:24

Другие вопросы по теме