开发者问题收集

我使用节点命令时收到 .html 扩展名无法识别的错误

2021-06-04
548

我从客户那里得到了一个项目,要用一些要点来更新该项目。但我在运行该项目时遇到了问题。

我安装了 npm,并根据 package.json 信息下载了所有必需的节点模块。


    {
  "name": "acelle-builder",
  "version": "1.0.0",
  "description": "",
  "private": true,
  "type" : "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "webpack"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/ace": "0.0.42",
    "copy-webpack-plugin": "^5.1.1",
    "css-loader": "^3.6.0",
    "file-loader": "^4.1.0",
    "html-loader": "^0.5.5",
    "mini-css-extract-plugin": "^0.8.0",
    "node-sass": "^4.14.1",
    "raw-loader": "^3.1.0",
    "sass-loader": "^7.1.0",
    "style-loader": "^0.23.1",
    "svg-url-loader": "^3.0.0",
    "to-string-loader": "^1.1.5",
    "url-loader": "^2.1.0",
    "webpack": "^4.44.1",
    "webpack-cli": "^3.3.12"
  },
  "dependencies": {
    "ace-builds": "^1.4.12",
    "bootstrap": "^4.5.2",
    "jquery": "^3.5.1",
    "js-beautify": "^1.13.0",
    "popper.js": "^1.16.1"
  }
}

有一些导入 html 文件的代码,如


    import controls from './controls.html';
import widgets from './widgets.html';

但是当我使用节点命令运行此项目时,我收到错误,文件扩展名为未知 .html。

我该如何解决这个问题?

2个回答

Node.js 只能导入 JS 模块。

如果您想使用涉及导入其他类型内容的语法,则需要使用适当的工具。 package.json 文件中的依赖项包括 WebPack。使用它。

甚至列出了一个将运行它的脚本(名为 build )。

npm run build
Quentin
2021-06-04

您无法从 html 文件导入。您正尝试从 ./controls.html 和 ./widgets.html 导入。您必须从 js 文件导入。也许您的意思是“./controls.html”和“./widgets.js”。

Lee Morgan
2021-06-04