![](/img/trans.png)
[英]webpack import module not found error: Uncaught TypeError: _useFetch__WEBPACK_IMPORTED_MODULE_0__["default"](...) is null
[英]import not found: default error when using webpack for web development
我正在使用 webpack,一个 node.js 模块,以便捆绑 node.js 脚本以在浏览器中使用。 该模块完成了它的本意,但是在浏览器中从 index.js 中出现一个奇怪的错误。 问题似乎出在 index.js 上,但我不确定:
Uncaught SyntaxError: import not found: default
。
我将在下面提供代码。
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Typing Practice</title>
<link rel="stylesheet" href="style.css">
<script src="index.js" type="module" defer></script>
<script src="wordpicker.js" type="module" defer></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<section id="top-container" class="top-bar">
<h1 class="heading">Typing Practice</h1>
</section>
<section id="inpContainer" class="input-container">
<div class="centeralign">
<br><br>
<h2 id="output" class="paragraph"></h2>
<input type="text" id="input" class="text-field"><br>
<button type="button" id="start" class="button">Start</button>
</div>
</section>
</body>
</html>
JAVASCRIPT(我正在捆绑的脚本)
const rw = require('random-words');
function getWords() {
let words = [];
while (words.length != 10) {
let word = rw();
if (word.length < 6) continue;
else if (word.length > 10) continue;
else words.push(word)
}
return words;
}
export default getWords();
webpack.config.js 文件:
const path = require('path');
module.exports = {
entry: './src/wordchecker.js',
output: {
filename: 'wordpicker.js',
path: path.resolve(__dirname, 'dist'),
library: 'typingpractice',
libraryTarget: 'window',
libraryExport: 'default'
},
};
我在 index.js 中使用的导入语句: import getWords from './wordpicker.js';
如果您可以提供帮助,或者您需要更多信息,请告诉我。
在 webpack.config.js 中,添加此属性
target: "node",
你也有一个错误:
const rw = require('random-words');
import rw from "random-words"
你不能再使用 require
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.