Non js module files deprecated что это

crbug/1173575, non-JS module files deprecated — ошибка при запуске quasar

при запуске quasar dev сервер запускается, а в браузере: «не удается получить доступ к сайту» и warning в консоли «crbug/1173575, non-JS module files deprecated.» Пробовал в настройках сети выбрать «без ограничений» и перезапустить приложение — не помогло. Quasar установил глобально. Так же пробовал запускать через npx и с различными настройками проекта.

Отслеживать

задан 13 ноя 2023 в 8:46

Никита Сквирский Никита Сквирский

11 2 2 бронзовых знака

UPD. проблема заключается в 9000 порту. На 9001 проект разворачивается. Почему? Пока не понял. Убиваю процессы на порту с помощью команды npx kill-port 9000 Процесс убивается, но ошибка не уходит

13 ноя 2023 в 10:43

0

Сортировка: Сброс на вариант по умолчанию

Знаете кого-то, кто может ответить? Поделитесь ссылкой на этот вопрос по почте, через Твиттер или Facebook.

• vue.js
• модули
• quasar.js

non js module files deprecated что это

Сообщение «non js module files deprecated» говорит о том, что использование не-JavaScript файлов-модулей (например, файлов с расширением .json, .css, .html) в качестве модулей уже устарело и может быть удалено в будущих версиях JavaScript.

Это означает, что вместо использования таких файлов-модулей вы должны использовать файлы JavaScript, которые экспортируют и импортируют значения и функции с помощью ключевых слов export и import .

Например, вместо использования файла styles.css как модуля в JavaScript, вы можете использовать модуль styles.js , который импортирует стили из файла CSS и экспортирует их в виде объекта:

// styles.js import styles from './styles.css'; export default styles; 

Это позволит вам использовать стили из файла CSS в вашем JavaScript-коде, используя импорт:

// app.js import styles from './styles.js'; console.log(styles); 

Такой подход позволяет более явно определять зависимости между модулями и облегчает их переиспользование и тестирование.

Если вы все еще используете файлы-модули, которые не являются JavaScript-файлами, то вам нужно перейти на использование JavaScript-модулей. Для этого вам нужно обновить свой код и заменить импорты не-JavaScript файлов на импорты JavaScript-модулей.

Ошибка Chrome Console?

Привет всем! Я пишу простенький сервер на c++. Вроде сервер работает корректно, но когда я хочу протестировать его в гугл хром, у меня он в консоли выдает такое предупреждение::
crbug/1173575, non-JS module files deprecated.
Я бы не обращал на него внимания, но у меня не отправляется сообщение в другую вкладку хрома, причем серверная консоль работает правильно. Как мне решить эту проблему?

• Вопрос задан более двух лет назад
• 21231 просмотр

Комментировать

Решения вопроса 0

Ответы на вопрос 1

LoliDeveloper @LoliDeveloper

Линейная алгебра как смысл жизни

Посмотри тут
https://stackoverflow.com/questions/67191286/crbug.

Ответ написан более двух лет назад

Комментировать

Нравится Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

• Google Chrome

Google Chrome context menu на правой клавише мышки. Как отредактировать?

• 4 подписчика
• вчера
• 541 просмотр

Non js module files deprecated что это

Last updated: Feb 11, 2023
Reading time · 6 min

# Crbug/1173575, non-JS module files deprecated error [Solved]

The error «crbug/1173575, non-JS module files deprecated error» occurs when there are connectivity issues, most likely when debugging in Visual Studio Code.

To solve the error, make sure your network is not set to «Offline» in your browser’s Network tab and ensure your development server is running.

Copied! 
crbug/1173575, non-JS module files deprecated. chromewebdata/(index)꞉5305:9:5551 ERR_CONNECTION_REFUSED Exception has occurred: ReferenceError: closeDescriptionPopup is not defined 

# Make sure your network is not set to Offline

The first thing to check is that your network is not set to Offline in your browser’s developer tools.

1. Press F12 to open your developer tools or right-click on a page and click Inspect.
2. Click on the Network tab and make sure your network connectivity is not set to Offline or Slow 3G.

Right next to the Preserve log and Disable cache checkboxes, there is a dropdown menu from which you can select No throttling.

The most common cause of the error is connectivity issues when trying to connect to your server.

# Make sure your server is running in a separate terminal window

Make sure your server is running in a separate terminal window before you start debugging.

The debugger won’t start your server automatically.

Forgetting to start your server before starting the debugger is an often cause of the error.

You have to keep the server running in the background for the debugger to be able to establish a connection.

# Make sure the URL in your launch.json file is correct

There should be a .vscode/launch.json file in your project if you are debugging in VSCode.

I am debugging a React.js application, so my .vscode/launch.json file looks as follows.

.vscode:launch.json

Copied! 
 "configurations": [  "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:3456", "webRoot": "$" > ] > 

The React.js application is started on http://localhost:3456 .

By default, when Visual Studio Code creates a launch configuration it doesn’t always get the port or URL right, which often causes the error.

Make sure the port and URL in your .vscode/launch.json file are correct.

You might have to manually change the port if Visual Studio Code got it wrong.

If your launch.json file points to an incorrect URL, the debugger won’t be able to establish a connection and the error is raised.

Make sure you haven’t specified an incorrect protocol.

For example, you most likely shouldn’t use https:// when testing on localhost. Instead http:// should be used.

Copied! 
# ⛔️ incorrect protocol (https) https://localhost:3456 # ✅ correct protocol (http) http://localhost:3456 

# Replacing http://localhost:3000 with http://127.0.0.1:3000

If you are testing on localhost, try to replace http://localhost:3000 with http://127.0.0.1:3000 (adjusting your port).

Set a breakpoint on a line in your code and try to Launch the Chrome debugger.

Try to close and reopen your browser and look in the console for any additional errors.

# Make sure the port you have started your server on is not taken

Make sure the port you have started your server on is not taken by a different application.

This would cause connectivity issues and the «crbug/1173575, non-JS module files deprecated error».

Make sure that a firewall is not preventing you from reaching the specific website.

If you use React.js or Angular, check out the following articles:

• Change the default Port for a create-react-app project
• How to change the default Port number (4200) in Angular

# If a launch.json file got automatically created, try to delete it

If a .vscode/launch.json file got automatically created, try to delete it and check if the error is resolved.

If you need to have a launch.json file, recreate it and make sure the url property points to the correct domain and port.

# Make sure your NPM packages are installed

Open your terminal in your project’s root directory (where your package.json ) file is located and run the npm install command.

Copied! 
npm install 

If the error is not resolved, try to delete your node_modules and package-lock.json (not package.json ) files, re-run npm install and restart your IDE.

Copied! 
# ��️ (macOS/Linux) delete node_modules and package-lock.json rm -rf node_modules rm -f package-lock.json # ��️ (Windows) delete node_modules and package-lock.json rd /s /q "node_modules" del package-lock.json # ��️ clean npm cache npm cache clean --force # ��️ install packages npm install 

# Try to restart your IDE and your Browser

If the error persists, try to restart your IDE and development server.

Visual Studio Code often glitches and needs a reboot.

Restarting your browser might also help.

Another thing that might help is clearing your browser’s cache and cookies.

# Example of debugging a JavaScript project in Visual Studio Code

Here are some examples of how to debug different types of projects in Visual Studio Code.

To debug a JavaScript project in Visual Studio Code:

1. Create an index.html file with the following contents.

Copied! 
DOCTYPE html> html lang="en"> head> meta charset="UTF-8" /> meta http-equiv="X-UA-Compatible" content="IE=edge" /> meta name="viewport" content="width=device-width, initial-scale=1.0" /> title>Documenttitle> head> body> h2>bobbyhadz.comh2> script src="index.js"> script> body> html> 

1. Create an index.js file in the same directory, adding the following code to it.

Copied! 
console.log('hello world'); 

1. Install the live-server package and start it.

Copied! 
npm install -g live-server 

You can start the live-server package with the following command.

Copied! 
live-server 

The web page should open in your browser, e.g. at http://127.0.0.1:8080/.

1. Click on the «Run and Debug» icon in the left sidebar and then click on «Run and Debug» again.

1. In the menu, click on «Web App (Chrome)».

1. This will create a .vscode folder in the root directory of your project.
2. There is a launch.json file in the .vscode folder in which the settings are stored.

Your launch.json file should look similar to the following.

launch.json

Copied! 
 // Use IntelliSense to learn about possible attributes. // Hover to view descriptions of existing attributes. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [  "name": "Launch Chrome", "request": "launch", "type": "chrome", "url": "http://localhost:8080", "webRoot": "$" > ] > 

Make note of the url and make sure your live-server application is running on the same port.

The code sample above assumes that live-server is running on «http://localhost:8080».

The url property in your launch.json configuration should match the URL your live-server is running on (including the port).

An «Add configuration» button appears when you open your launch.json file in Visual Studio Code.

You can click on the button to test different configuration settings depending on the type of the application you are debugging.

1. Set a breakpoint on a line in your index.js file.

1. A browser will open, in which you can open the developer tools by pressing F12 .
2. If you set a breakpoint, the code will be paused in the debugger.

# Watching a quick video on how to debug code in Visual Studio

If the error persists, I would suggest watching a quick video on how to debug code in Visual Studio Code.

The following video has instructions on how to debug JavaScript, React and Angular applications in Visual Studio Code.

# Conclusion

To solve the «crbug/1173575, non-JS module files deprecated error», make sure:

1. Your network is not set to Offline in your browser’s Network tab.
2. Your development server is running in a separate terminal window before starting your debugger.
3. The url property in your .vscode/launch.json file points to the correct domain and port.
4. You don’t have a firewall or any other connectivity issues that would prevent you from accessing the website.
5. You have tried restarting your IDE and development server.

I wrote a book in which I share everything I know about how to become a better, more efficient programmer.