Я работаю над относительно старым проектом Laravel 7.
npm -v
8.15.0
node -v
v14.17.1
Я установил новый пакет, используя npm
npm i my_new_package
и теперь я пытаюсь импортировать пакет из моего js:
<script type = "module" src = "/js/filename.js"></script>
имя файла.js:
import { Roulette } from "my_new_package";
// Uncaught TypeError: Failed to resolve module specifier "@theblindhawk/roulette".
// Relative references must start with either "/", "./", or "../".
const Roulette = require("my_new_package");
// Uncaught ReferenceError: require is not defined
Я пробовал кучу вещей из других вопросов SO, но ничего из этого не сработало. Не было никаких проблем, когда я пытался создать файл в том же репозитории и вызвать его.
import { Roulette } from "./different_file.js";
Я предполагаю, что это связано с CommonJS/ES6, но мне не хватает знаний об этом.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Я запутался в самых основах...
Вероятно, потому что я недавно работал над проектом Laravel с другим методом создания файлов.
Я забыл, что мне нужно было поместить свои файлы js в папку ресурсов, а затем вызвать их из webpack.mix.js.
Файл веб-пакета:
mix.js('resources/js/filename.js', 'public/js')
Затем запустите npm run watch, и он создаст для вас файлы в общей папке.